javascript 保证ajax按顺序执行

川长思鸟来 2022-10-01 02:00 241阅读 0赞

程序中有时会用到ajax来获取数据，获取数据会有一定延时，为保证在获取到数据后才干某事我们可以这样处理：在ajax的回调处理函数中，在获取到数据后才调用某函数。

即使是页面有多个ajax调用，我们也可以通过这种方式保障执行顺序(在真实应用中很可能会出现要求ajax按顺序执行取数据的情况)。

<script language="javascript" type="text/javascript">
       var request = false;
       try {
         request = new XMLHttpRequest();
       } catch (trymicrosoft) {
         try {
           request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (othermicrosoft) {
           try {
             request = new ActiveXObject("Microsoft.XMLHTTP");
           } catch (failed) {
             request = false;
           }  
         }
       }
       if (!request)
         alert("Error initializing XMLHttpRequest!");
       function getCustomerInfo() {
         var phone = document.getElementById("phone").value;
         var url = "/cgi-local/lookupCustomer.php?phone=" + escape(phone);
         request.open("GET", url, true);
         request.onreadystatechange = updatePage;
         request.send(null);
       }
       function updatePage() {
             if (request.readyState==4 && request.status==200)
        {
            //document.getElementById("txtHint").innerHTML=request.responseText;        
            callNextFn(request.responseText);//获取数据后调用函数执行下个ajax调用
        }   }
       function callNextFn(){
      
           var arr = arguments;
           // process arguments
           //send next ajax request 
       }
     </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，241人围观）

还没有评论，来说两句吧...

相关阅读

相关多个ajax顺序执行

当需要执行多个ajax并需要考虑执行顺序时，可以使用ajax嵌套、同步、回调三个方法。 1、ajax嵌套 $.ajax({ url : "u

ゝ一世哀愁。/ 2022年12月23日 06:14/ 0 赞/ 307 阅读

相关 junit方法按顺序执行

选定版本，直接加注解![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9

小咪咪/ 2022年10月15日 14:53/ 0 赞/ 148 阅读

相关 javascript 保证ajax按顺序执行

程序中有时会用到ajax来获取数据，获取数据会有一定延时，为保证在获取到数据后才干某事我们可以这样处理：在ajax的回调处理函数中，在获取到数据后才调用某函数。即使是页面有

川长思鸟来/ 2022年10月01日 02:00/ 0 赞/ 242 阅读

相关 JavaScript执行机制之执行顺序

JavaScript是一种描述型的脚本语言，不同于C\或者java，它不需要进行编译成中间语言，而是由浏览器动态的解析和执行。今天我们就来说一个JavaScrip

╰半橙微兮°/ 2022年09月25日 10:19/ 0 赞/ 191 阅读

相关 ajax的事件执行顺序

[jQuery][]中各个事件执行顺序如下： 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) 4.success 5.

╰+攻爆jí腚メ/ 2022年07月16日 07:43/ 0 赞/ 583 阅读

相关 ajax同步请求执行顺序

我们都知道程序三种执行结构为：顺序、选择、循环而并非所有程序都遵循这个规则，例如：ajax ajax是异步传输模式，当执行ajax里回调函数时代码会自动走向后台，js代码

矫情吗；*/ 2022年06月07日 01:17/ 0 赞/ 248 阅读

相关 JavaScript和ajax执行顺序比较

一、JavaScript在HTML中的加载顺序 1. 正常网页加载流程从上到下运行，先解析`<head>`标签中的代码 `<head>`标签中会包含一些引用外

以你之姓@/ 2022年05月14日 04:51/ 0 赞/ 326 阅读

相关线程按顺序执行

Thread的构造方法：Thread();Thread(String name),Thread(Runnable runnable,String name),Thread(Ru

淡淡的烟草味﹌/ 2022年04月05日 11:58/ 0 赞/ 284 阅读

相关如何保证方法ab的执行顺序？【线程的执行先后顺序】

只有使用 join 方法能够保证线程执行的先后顺序，对线程设置优先级并不能够保证其先后顺序，仅仅式优先级高的thread 获取cpu资源的概率大一些罢了；如有错误望大

迷南。/ 2022年03月18日 09:18/ 0 赞/ 279 阅读

相关按顺序执行处理器、校验器

方法一、可以按照这个流程图一步一步的写代码，把这个流程给写完；但是缺点是不够灵活，不好扩展；方法二、 1、既然是一步一步的，有时候下一步的操作需要用到上一步处理之后...

朱雀/ 2020年10月25日 03:12/ 0 赞/ 637 阅读