2012-03-24 13 views
0

私はメインページの下にスクロールして私の結果を追加する次のコードがあります。非同期要求が応答を完了したことを知る方法。

ロードデータページでグラフを使用しました。 htmlページにデータを読み込むには時間がかかります。 グラフを追加しないでデータを追加する前に、Ajax呼び出しも同期しようとしましたが、ブラウザがブロックされます。 mytestfuntion()は、データがロードされた後、または完全な応答が得られた後に呼び出されるように管理する方法を教えてください。

$(document).ready(function() { 
    var j = $.noConflict(); 
    j(window).scroll(function(){ 
     if (j(window).scrollTop() == j(document).height() - j(window).height()){ 
      mytestfuntion(); 
     } 
    }); 
}); 


function mytestfuntion() 
{ 
    var ID=$(".prodDivDtlClass:last").attr("id"); 
    $('#last_productDiv_loader').html("<img src='......./loading.gif'>"); 
    var prdResultArr = $("#prdResultArr").val(); 
    var recfrom = $("#recfrom").val(); 
    var url="loaddata.php?action=get&last_prd_id="+ID+"&recfrom="+recfrom+"&prdResultArr="+prdResultArr; 

    $.ajax({ 
     url: url, 
     success: function(data) { 
     if (data != "") { 
      var newRecfrom = parseInt(recfrom) + 10; 
      $("#recfrom").val(newRecfrom); 
      $(".content").append(data); 
      $('#last_productDiv_loader').empty();  
     }  
     } 
    }); 
} 

答えて

0

実行後のページ。

MozillaでFirbugを使用する& F12キーを押し、ネットメニューをクリックします。

すべてのリクエストを表示します&レスポンス

1

jQueryビルトイン関数を使用してください。.ajaxComplete()この関数を使用して、ajaxリクエストが完了したユーザーを更新できます。