Chức năng gọi lại cho jQuery .html()?

Question

Tôi có đoạn mã sau:

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

Các yêu cầu ajax nhận một đối tượng JSON chứa một dạng html như:

<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> 

chứa các thông tin mà PayPal yêu cầu để xử lý đơn đặt hàng. Mọi thứ hoạt động tốt ngoại trừ tôi tin rằng đôi khi biểu mẫu được gửi trước khi hàm .html jQuery được thực hiện bằng cách tải nội dung html.

Có chức năng gọi lại nào cho .html không? hoặc bất kỳ phương pháp nào khác mà tôi có thể sử dụng để giải quyết vấn đề? dữ liệu PayPal đến dưới dạng biểu mẫu HTML và tôi không thể thay đổi phần đó, vì vậy tôi chỉ có một tùy chọn bằng cách nào đó tải nội dung html và gửi biểu mẫu!

Answer 1

Bạn có thể thử này

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