Функция обратного вызова для jQuery .html ()?

Question

Функция обратного вызова для jQuery .html ()?

20

У меня есть следующий код:

$.ajax({
      type: 'GET',
      url: 'index.php?route=checkout/onepagecheckout/getpaypaldata',
      dataType: 'json',
      success: function(json) {
                              $('#pp_info').html(json['output']);
                              $('#payment').submit();
                              }
      });

Запросы ajax получают объект json, содержащий форму html, например:

<form id="payment" method="post" action="https://www.paypal.com/cgi-bin/webscr">
<input type="hidden" value="_cart" name="cmd">
<input type="hidden" value="1" name="upload">
<input type="hidden" value="[email protected]" name="business">
<input type="hidden" value="Sample Item Name" name="item_name_1">
<input type="hidden" value="TESTI-1" name="item_number_1">
<input type="hidden" value="104.98" name="amount_1">
<input type="hidden" value="1" name="quantity_1">
<input type="hidden" value="0" name="weight_1">
<input type="hidden" value="Type" name="on0_1">
<input type="hidden" value="As Shown" name="os0_1">
<input type="hidden" value="Delivery Date" name="on1_1">
<input type="hidden" value="Jun 23,2012" name="os1_1">
<input type="hidden" value="Comments" name="on3_1">
<input type="hidden" value="test message" name="os3_1">
</form>

который содержит информацию, которую требуется PayPal для обработки заказа. Все работает отлично, за исключением того, что я иногда верю, что форма отправляется до того, как функция jQuery.html выполняется с загрузкой содержимого html.

Есть ли функция обратного вызова для .html? или любой другой метод, который я могу использовать для решения проблемы? данные PayPal поступают как HTML-форма, и я не могу изменить эту часть, поэтому у меня есть только один вариант, который каким-то образом загружает содержимое html и отправляет форму!

Tohid 22 июнь 2012, в 20:50

Источник

2

Прежде всего, ответ не JSON. Это ответ HTML, пожалуйста, проверьте ваш код.
Umesh Aawte 22 июнь 2012, в 18:39
1

Метод .html должен быть синхронным. Как указала UmeshA, ваша проблема скорее всего в чем-то другом.
hugomg 22 июнь 2012, в 18:41
0

это json, единственное, что html-содержимое хранится в jsonp ['output'] в виде строки. объект json также содержит некоторую другую информацию.
Tohid 22 июнь 2012, в 18:43
0

это то, чего я ожидал, но вот что произойдет, если я поставлю предупреждение («бла бла»); между .html () и представить .. все работает отлично!
Tohid 22 июнь 2012, в 18:44
1

Не имеет смысла, что это происходит вообще, однако время ожидания должно исправить это. setTimeout(function(){$('#payment').submit();},0);
Kevin B 22 июнь 2012, в 18:45
0

спасибо Кевину, думаю, что решит проблему хотя бы временно :)
Tohid 22 июнь 2012, в 18:52

Показать ещё 4 комментария

Теги:

javascript

jquery

ajax

json

1 ответ

Ещё вопросы

Прежде всего, ответ не JSON. Это ответ HTML, пожалуйста, проверьте ваш код.
Метод .html должен быть синхронным. Как указала UmeshA, ваша проблема скорее всего в чем-то другом.
это json, единственное, что html-содержимое хранится в jsonp ['output'] в виде строки. объект json также содержит некоторую другую информацию.
это то, чего я ожидал, но вот что произойдет, если я поставлю предупреждение («бла бла»); между .html () и представить .. все работает отлично!
Не имеет смысла, что это происходит вообще, однако время ожидания должно исправить это. setTimeout(function(){$('#payment').submit();},0);
спасибо Кевину, думаю, что решит проблему хотя бы временно :)

The Alpha · Accepted Answer · 2012-06-22T19-58-00.000Z

40

Лучший ответ

Вы можете попробовать это

success: function(json) {
    $('#pp_info').html(json['output']).promise().done(function(){
        $('#payment').submit();
    });
}

The Alpha 22 июнь 2012, в 19:58

0

по-видимому, это работает :) большое спасибо
Tohid 22 июнь 2012, в 20:49
0

Добро пожаловать :-)
The Alpha 23 июнь 2012, в 01:01
4

JQuery обещают и подробно .
The Alpha 07 сен. 2012, в 04:40
1

не слышал об обещании () раньше. Открывает мир возможностей!
dreagan 28 май 2013, в 09:19
5

Это не что иное, как setTimeout (fn). stackoverflow.com/questions/45085940/… html-метод не имеет обратного вызова, и это обещание не ожидает завершения html-метода. Он просто выдвигает обратный вызов в очередь обратного вызова, что приводит к его запуску после запуска javascript в html-приложении. В этом случае setTimeout будет гораздо более понятным, чем заставлять людей думать, что .html () может иметь обратный вызов.
Kevin B 13 июль 2017, в 16:38
0

Попробуйте это решение: stackoverflow.com/a/15092669/1011603
Steve Seeger 07 окт. 2017, в 20:45

Показать ещё 4 комментария