jquery ajax调用完成后执行一次函数

Question

我在移动应用程序。我使用AJAX调用从Web服务器接收数据与此代码：

  $.ajax({ 
       url: 'http://www.xxxxxxxxxxxx', 
       data: {name: 'Chad'}, 
       dataType: 'jsonp', 
       success: function(data){ 
        $.each(data.posts, function(i,post){ 
         $.mobile.notesdb.transaction(function(t) { 
         t.executeSql('INSERT into bill (barcode, buildingcode, buildingaddress, flatname, flatdescription, entryseason, period, amount, pastpayments, todaypayments, receiptno) VALUES (?,?,?,?,?,?,?,?,?,?,?);', 
          [post.Id, post.Code, post.Address, post.Name, post.Description, post.EntrySeason, post.Period, post.Revenue, post.PastPayments, post.todaypayments, post.receiptno], 
          function(){ 
           bill = 1; 
           $('#mycontent').append("bill - OK"); 
          } 
         ); 
         });    
        }); 
       } 
      }); 

我想bill - OK插入sqlite的所有数据后，只显示一次。

Answer 1

试试这个：

success: function(data){ 

    var count = data.posts.length; 

    $.each(data.posts, function(i,post){ 
     $.mobile.notesdb.transaction(function(t) { 
      t.executeSql(<...>, 
       function() { 
        bill = 1; 
        if (--count == 0) { 
         $('#mycontent').append("bill - OK"); 
        }       
       } 
      ); 
     });    
    }); 
} 

Answer 2

尝试添加：

$.ajax({ 
    url: 'http://www.xxxxxxxxxxxx', 
    data: {name: 'Chad'}, 
    dataType: 'jsonp', 
    async: false, //this line here 
    //... 

编辑

OK，怎么样：

$.each(data.posts, function(i,post){ 
    //rest of stuff 
}); 

$('#mycontent').append("bill - OK"); //this line outside the each() call