多个异步请求执行顺序问题。

梦里梦外; 2022-05-23 06:37 431阅读 0赞

# 情景一： #

多个异步请求，伪代码：

Ajax1();
    Ajax2();
    Ajax3();

这三个Ajax请求并不存在执行顺序，也就是2和3并不会等第一个Ajax请求完成再去执行，而是直接执行如果想要达到顺序执行的效果，可以通过回调函数来完成，伪代码：

**$.ajax(\{  
url:"servletURL",  
type:"post",//get  
data:\{\},  
dataType:"json",  
success:function(data)\{   
$.ajax(\{  
url:"servletURL",  
type:"post",//get  
data:\{\},  
dataType:"json",  
success:function(data)\{   
$.ajax(\{  
url:"servletURL",  
type:"post",//get  
data:\{\},  
dataType:"json",  
success:function(data)\{\}  
\});  
\}  
\});  
\}  
\});**

这样的话，三个异步请求就会按顺序执行。绿->红->蓝。

# 情景二： #

异步之后是普通操作：

var catName = "";
    $.post("/item/cat/catName",{catId:data.cid},function(data){
        catName = data;
        },"text");
    node.after("<span style='margin-left:10px;'>" + catName + "</span>");

对于上面的JS代码，是没有意义的，也就是说是错误的，原因就在于，**位于异步请求下面的代码并不会等待异步请求完成之后再执行，而是会直接执行**。

所以想要上面的代码有效，应该这样写：

var catName = "";
    $.post("/item/cat/catName",{catId:data.cid},function(data){
        catName = data;
        node.after("<span style='margin-left:10px;'>" + catName + "</span>");
    },"text");

发表评论取消回复

表情：

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

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

相关阅读

相关 JS异步执行顺序

JS异步执行顺序今天在重温promise的时候，突然发现了一个有趣的题目： (function() { setTimeout(() => ...

朴灿烈づ我的快乐病毒、/ 2024年04月17日 15:09/ 0 赞/ 13 阅读

相关 mysql多个join在一句先后执行顺序,SQL多个JOIN执行顺序

mysql> select \ from a; \+------+------+ | id | name | \+------+------+ | 1 | a1 |

爱被打了一巴掌/ 2023年01月14日 10:00/ 0 赞/ 129 阅读

相关多个ajax顺序执行

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

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

相关多个@PostConstruct执行顺序

1.同一个类中多个@PostConstruct，无互相依赖多次实测可知:顺序随机 @PostConstruct public void tes

青旅半醒/ 2022年12月08日 04:48/ 0 赞/ 778 阅读

相关多个Filter 的执行顺序

IMPORTANT: The Container’s rules for ordering filters:1) ALL filters with matching URL p

向右看齐/ 2022年08月27日 01:18/ 0 赞/ 142 阅读

相关 tornado并行执行多个异步请求

Tornado实现后台逻辑的时候，可能遇到这样的情况：需要同时请求多个第三方数据，比如同时从多个网址请求数据，而这几个第三方数据相互没有关联。最简单的方式是写多个yield

水深无声/ 2022年05月27日 04:07/ 0 赞/ 361 阅读

相关多个异步请求执行顺序问题。

情景一：多个异步请求，伪代码： Ajax1(); Ajax2(); Ajax3(); 这三个Ajax请求并不存在执行顺序，也就是2和3并不会

梦里梦外;/ 2022年05月23日 06:37/ 0 赞/ 432 阅读

相关多个线程顺序执行

1.wait-notifyAll 同步方法 package com.study.demo; / Created by Admini

Love The Way You Lie/ 2022年04月25日 00:36/ 0 赞/ 220 阅读

相关多个异步请求执行成功后，执行后续操作

方法一： jq的$.when().done() $.when( $.ajax(), $.ajax(), $.a

Love The Way You Lie/ 2021年09月17日 20:24/ 0 赞/ 301 阅读

相关多个过滤器的执行顺序

多个过滤器的执行顺序一个目标资源可以指定多个过滤器，过滤器的执行顺序是在web.xml文件中的部署顺序。我们演示一下：我们建立两个filter： AFil

刺骨的言语ヽ痛彻心扉/ 2021年06月22日 15:36/ 0 赞/ 452 阅读