2

私が使用している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 でも試しましたが、役に立ちませんでした。

4

2 に答える 2

0

この方法を試してください。よくわかりません

$(document).ready(function(){
         $('input#detail').click(function(){
            $.ajax({
                url:"load_details.php",
                data:{id: $(this).val()},
                async:true,
                success: function(res)
                {
                    $('#detail'+$(this).val() ).html(res);
                }       
            });
        });

        setTimeout(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)
                    }
                });
            }
        });
     },100);

});
于 2012-08-03T09:20:44.480 に答える
0

に変更laod_details.phpし"load_details.php"ます。

引用符が欠落しており、URL 名のスペルが間違っているため、要求が失敗していました (またはlaod_details、有効なオブジェクト名ではないために構文エラーが発生した可能性が高い)。ajax リクエストにコールバックがないerrorと、サーバーがエラー コード (この場合は 404 not found など) で応答しても通知されません。error: function() {...}リクエストにオプションを追加します。

于 2012-08-03T09:21:06.243 に答える