多个ajax顺序执行

ゝ一世哀愁。 2022-12-23 06:14 317阅读 0赞

当需要执行多个ajax并需要考虑执行顺序时，可以使用ajax嵌套、同步、回调三个方法。

1、ajax嵌套

$.ajax({
        url : "url",
        data : data, 
        type : "POST",
        dataType:"json",
        success : function(result,status,xhr) {
    　　　　$.ajax({
        　　　　url : "url",
        　　　　data : data, 
        　　　　type : "POST",
        　　　　dataType:"json",
        　　　　success : function(result,status,xhr) {
            
        　　　　},
    　　　　});
        },
    });

2、同步

ajax请求设置为同步请求，这时执行ajax执行结束前不会执行之后的代码，保证ajax的执行顺序

$.ajax({
        　　url : "url",
        　　data : data, 
        　　type : "POST",
        　　dataType:"json",
        　　async:false,
        　　success : function(result,status,xhr) {
            
        　　},
    });

3、回调

function fun1(fun){
    　　$.ajax({
        　　　　url : "url",
        　　　　data : data, 
        　　　　type : "POST",
        　　　　success : function(result,status,xhr) {
            　　　　if(typeof fun == "function"){
    　　　　　　　　　　　fun();
    　　　　　　　　　}
        　　　　},
    　　　　});
    }
    function fun2(fun){
    　　$.ajax({
        　　　　url : "url",
        　　　　data : data, 
        　　　　type : "POST",
        　　　　success : function(result,status,xhr) {
            　　　　if(typeof fun == "function"){
    　　　　　　　　　　　fun();
    　　　　　　　　　}
        　　　　},
    　　　　});
    }
    function fun(){
    　　....
    　　fun2(function(){
    　　　　fun1(function(){
    　　　　　　......
    　　　　});
    　　});
    　　.....
    }

发表评论取消回复

表情：

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

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

相关阅读

相关多个网络请求并发执行、顺序执行

我们在开发中可能会遇到多个网络请求的需求，比如一个界面有两个请求，tableView的数据源及表头，需要等两个请求都完成才刷新UI，或者第二个的网络请求依赖第一个网络请求返回的

清疚/ 2023年10月10日 09:08/ 0 赞/ 47 阅读

相关多个defer的执行顺序

package main import “fmt” func test (x int) \{ result := 100/x fmt.Println("resu

喜欢ヅ旅行/ 2023年06月16日 08:21/ 0 赞/ 30 阅读

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

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

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

相关多个ajax顺序执行

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

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

相关多个@PostConstruct执行顺序

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

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

相关多个Filter 的执行顺序

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

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

相关 ajax的事件执行顺序

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

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

相关 ajax同步请求执行顺序

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

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

相关多个线程顺序执行

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

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

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

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

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