私が使用しているAjaxコード:
$(document).ready(function(){
$.ajax({
url:"load_search_list.php",
async:true,
beforeSend: function()
{
$("#loadStatus" ).html('laoding 1');
},
success: function(msg)
{
$("#loadStatus").html(msg);
$.ajax({
url : 'load_search_complete_list.php',
async:true,
success: function(msg)
{
alert(msg)
}
});
}
});
$('input#detail').click(function(){
$.ajax({
url:laod_details.php,
data:{id: $(this).val()},
async:true,
success: function(res)
{
$('#detail'+$(this).val() ).html(res);
}
});
});
});
以下に示す3つのajax呼び出しを使用しています-1.この呼び出しは、データベースから最初の10レコードをロードし、ユーザーに表示します2.最初のajaxが成功すると、このajax呼び出しを使用してデータベースから残りの詳細をロードします. 3. この ajax coll は、データベースから取得したレコードの詳細をロードするために使用しています。
最初の 10 個のレコードが読み込まれると、残りのレコードを読み込むために別の ajax 呼び出しが行われますが、画面に表示されているレコードの詳細を取得しようとすると、この ajax 呼び出しは 2 回目の ajax 呼び出しの後にのみ実行されます。完了しました async true でも試しましたが、役に立ちませんでした。