美文网首页
ajax并发

ajax并发

作者: SherrinfordL | 来源:发表于2019-04-23 16:02 被阅读0次

    昨天面试的时候看到的一个题
    1.有三个ajax请求,如何让这三个ajax请求串行执行,即第一个执行完成后在执行另一个?
    我回答的是判断上一个请求返回结果,执行完成之后在执行下一个,对吗?
    2.如何让他们并行执行,然后三个请求都执行完成后,再执行某个操作?
    我觉得写三个$.ajax不就是并发执行了吗,然后遍历看是否都返回结果了,如果都返回结果了,再进行继续的操作,这么想对吗?

    意义是什么呢?

    经过csdn的大神的解答明白了,其实考察的就是同步和异步。

    //串行执行分两种。
    //一是用同步模式async: false,三个ajax请求连着写就可以了。

    $.ajax({
        url: "ajax请求1",
        async: false,
        success: function (data) {
            console.log("ajax请求1 完成");
        }
    });
    $.ajax({
        url: "ajax请求2",
        async: false,
        success: function (data) {
            console.log("ajax请求2 完成");
        }
    });
    $.ajax({
        url: "ajax请求3",
        async: false,
        success: function (data) {
            console.log("ajax请求2 完成");
        }
    });
    

    //二是用异步模式async: true,三个ajax请求嵌套写。

    $.ajax({
        url: "ajax请求1",
        async: true,
        success: function (data) {
            console.log("ajax请求1 完成");
            $.ajax({
                url: "ajax请求2",
                async: true,
                success: function (data) {
                    console.log("ajax请求2 完成");
                    $.ajax({
                        url: "ajax请求3",
                        async: true,
                        success: function (data) {
                            console.log("ajax请求3 完成");
                        }
                    });
                }
            });
        }
    });
    

    //并行执行就只能用异步模式。并设置变量进行计数

    var num = 0;
    function isAllSuccess() {
        num++;
        if (num>=3)
            console.log("三个ajax请求全部完成");
    }
    $.ajax({
        url: "ajax请求1",
        async: true,
        success: function (data) {
            console.log("ajax请求1 完成");
            isAllSuccess();
        }
    });
    $.ajax({
        url: "ajax请求2",
        async: true,
        success: function (data) {
            console.log("ajax请求3 完成");
            isAllSuccess();
        }
    });
    $.ajax({
        url: "ajax请求3",
        async: true,
        success: function (data) {
            console.log("ajax请求3 完成");
            isAllSuccess();
        }
    });
    

    若需要同步可以考虑Promise

    相关文章

      网友评论

          本文标题:ajax并发

          本文链接:https://www.haomeiwen.com/subject/llavgqtx.html