鍍金池/ 問答/HTML/ js控制ajax的執(zhí)行順序但是偶爾還是亂序返回

js控制ajax的執(zhí)行順序但是偶爾還是亂序返回

    $.ajax({
        data:{
            delayNum:$("#ajax-one").val(),
        },
        url: "/test/one.do?callback?",
        calback:"jsonp"+new Date().getTime(),
        type:"post",
        callback:"callback",
        dataType:"jsonp",
        success:function(data){
            console.log(data);
            alert(data.result);
            }
    }).then(
        function(){
            return $.ajax({
                data:{
                    delayNum:$("#ajax-two").val(),
                },
                calback:"jsonp"+new Date().getTime(),
                url:"/test/two.do?callback?",
                type:"post",
                dataType:"jsonp",
                success:function(data){
                    console.log(data);
                    alert(data.result);
                }
            });
        }
    ).then(
        function(){
            return $.ajax({
                data:{
                    delayNum:$("#ajax-three").val(),
                },
                calback:"jsonp"+new Date().getTime(),
                url:"/test/three.do?callback?",
                type:"post",
                dataType:"jsonp",
                success:function(data){
                    console.log(data);
                    alert(data.result);
                }
            });
        }
    )
回答
編輯回答
別瞎鬧

jq不是很熟?？梢栽囋囋?code>then里打印上一步的結(jié)果，看看是不是jq自己的問題。如果是的話可以自己重新封裝一下

2017年1月21日 23:39
編輯回答
詆毀你

使用es6的promise

2018年5月20日 21:34
編輯回答
忘了我

第三個請求應(yīng)該寫在第二個then里。

2017年12月8日 13:30
編輯回答
念舊

這樣寫呢：

$.when(
    $.ajax({
        data:{
            delayNum:$("#ajax-one").val(),
        },
        url: "/test/one.do?callback?",
        calback:"jsonp"+new Date().getTime(),
        type:"post",
        dataType:"jsonp",
        success:function(data){
            console.log(data);
            alert(data.result);
        }
    })
).then(
    $.ajax({
        data:{
            delayNum:$("#ajax-two").val(),
        },
        calback:"jsonp"+new Date().getTime(),
        url:"/test/two.do?callback?",
        type:"post",
        dataType:"jsonp",
        success:function(data){
            console.log(data);
            alert(data.result);
        }
    });
).then(
    $.ajax({
        data:{
            delayNum:$("#ajax-three").val(),
        },
        calback:"jsonp"+new Date().getTime(),
        url:"/test/three.do?callback?",
        type:"post",
        dataType:"jsonp",
        success:function(data){
            console.log(data);
            alert(data.result);
        }
    });
)
2018年7月17日 06:06