jquey中ajax请求的异步和同步设置

本文介绍了一种通过将Ajax请求设置为同步的方式,在点击按钮后依次调用三个接口更新数据,并在所有数据更新完成后刷新页面的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

需要实现的效果:点击按钮后,分别调用三个接口更新数据,数据更新完之后刷新当前页面。

(实现方式未必是最好的,此处只关注ajax的异步设置)

一般情况下使用 $.ajax() 是异步处理的,三个ajax请求分别发送后,可以在未有response返回的情况下继续执行下面reload()页面的代码

 

设置 asyncfalse 则可以让ajax请求变成同步执行,就是执行完第一个请求后再执行第二请求。

 1 function initData(nick, url, accessToken) {
 2     $.ajax({
 3         async: false,//把异步请求改为同步
 4         url: url,
 5         type: "GET",
 6         dataType: 'json',
 7         data: {nick: nick, is_refresh: true, access_token: accessToken},
 8         complete: function (resp) {
 9             return true;
10         }
11     });
12 }
13 
14 $(document).ready(function () {
15     $(".refresh").click(function (event) {
16         var nick = "test";
17         $.get("http://www.test.com?r=ruleLog/findsession"", {nick: nick}, function (resp) {
18             if (resp.flag) {
19                 var accessToken = resp.data;
20                 var tmp_url = "http://www.test.com?r=init/tem_action";
21                 var actions = ['campaign', 'adgroup', 'creative'];
23 for (var i = 0; i < actions.length; i >= 0) { 24 var url = tmp_url.replace("tmp_action", actions[i]); 25 initData(nick, url, accessToken); 26 i++; 27 } 28 location.reload(); 29 } else { 30 alert(resp.data); 31 } 32 }, 'json'); 33 }); 34 });

 

转载于:https://www.cnblogs.com/jolin-p/p/3763566.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值