Función de devolución de llamada para jQuery .html()?

Question

I tienen el siguiente código:

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

Las peticiones Ajax recibe un objeto JSON que contiene un formulario HTML como:

<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="test@yahoo.ca" 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> 

que contiene la información que PayPal requiere con el fin de procesar el pedido. Todo funciona bien, excepto que a veces creo que el formulario se envía antes de que la función jQuery .html se realice con la carga del contenido html.

¿Hay alguna función de devolución de llamada para .html? o cualquier otro método que pueda usar para resolver el problema? los datos de PayPal vienen como un formulario HTML y no puedo cambiar esa parte, así que solo tengo una opción que de alguna manera cargue el contenido html y envíe el formulario.

Answer 1

Usted puede intentar este

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