zoukankan      html  css  js  c++  java
  • 同一个js方法中两段ajax异步请求,执行顺序是怎样的

    1.怎样使同一个js方法中的两个异步请求,按顺序执行

    原因:默认是异步执行
    解决:加入async:false ,使其顺序执行
    .ajax({
             url: url,
         type : "get",async:false,
         dataType:'jsonp',
         jsonp:"jsonpCallback",
             success: function(result) { 
                  //parse result , logic
                 //logicFun(result , index );
                 console.log('rendering - '+index);
            }

    2. 迭代器: 

    在js里面,偶尔会遇见需要多个异步按照顺序执行请求,又不想多层嵌套,,这里和promise.all的区别在于,promise或者Jquery里面的$.when 是同时发送多个请求,一起返回,发出去的顺序是一起;这里是按照顺序发请求
     
    首先创建一个迭代器,接收任意多个函数参数
    function nextRegister(){
                var args = arguments;
                var count = 0;
                var comm = {};
                function nextTime(){
                    count++;
                    if(count < args.length){
                        if(args[count] && Object.prototype.toString.call(args[count]) == '[object Function]'){
                            args[count](comm,nextTime);
                        }
                    }
                }
                if(args[count] && Object.prototype.toString.call(args[count]) == '[object Function]'){
                    args[count](comm,nextTime);
                }  
            }

    创建多个异步的函数,注入到迭代器中

    /*
             comm:多个函数,公用的变量
             next:调用下一个函数
             * */
            function fn1(comm,next){
                console.log('1');
                comm.age = 20;
                next();
            }
            function fn2(comm,next){
                next();
                console.log('2');
                console.log(comm.age);
            }
            function fn3(comm,next){
                console.log('3');
            }
    //开始执行迭代
    nextRegister(fn1,fn2,fn3);
      在这里,fn1-fn3函数中,做异步操作,知道在异步成功的时候调用next()就可以继续执行下一个函数,同时可以将前面函数返回的结果,绑定在comm上,带到下一个函数中
     
  • 相关阅读:
    如何阅读论文(译)
    Linux运维小知识
    认识Linux分区
    如何获取离线安装Chrome扩展程序的包
    Centos 7.4 下初探Zabbix安装
    尝试在Linux上部署Asp.net Core应用程序
    Centos 7.3下图文安装SQL Server
    Asp.net MVC Razor常见问题及解决方法
    轻量级高性能ORM框架:Dapper高级玩法
    Asp.net MVC 如何对所有用户输入的字符串字段做Trim处理
  • 原文地址:https://www.cnblogs.com/qds1401744017/p/13395643.html
Copyright © 2011-2022 走看看