Ajax请求中的async:false/true的作用

本文详细解释了Ajax请求中async属性的true和false作用,包括异步请求如何影响脚本执行流程,同步请求如何锁定浏览器,以及同步请求导致的Firefox闪屏问题。重点讨论了设置为false时的注意事项和适用场景。
摘要由CSDN通过智能技术生成

**

Ajax请求中的async:false/true的作用

**
前言:

昨天在做倒计时修改的时候,发现多次点击按钮,我明明做了限制,点击多次的时候发现怎么都会请求了两次,然后我写的是请求成功添加文字,结果总是会添加两次文字,

说明ajax请求了两次了,在网上查了下跟异步有点关系,没办法,我把ajax异步改成同步了,结果就可以了,我想要的文字也是只会添加一行了!下面关于ajax 的 async:false/true

的作用整理下:

async. 默认是 true,即为异步方式, . a j a x 执 行 后 , 会 继 续 执 行 a j a x 后 面 的 脚 本 , 直 到 服 务 器 端 返 回 数 据 后 , 触 发 .ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发 .ajaxajax.ajax里的success方法,这时候执行的是两个线程。

async 设置为 false,则所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。

下面查看一个示例:

var temp;
$.ajax({
async: false,
type : “post”,
url : defaultpostdata.url,
datatype : ‘json’,
success : function(data) {
temp=data;
}
});
alert(temp);

这个ajax请求为同步请求,在没有返回值之前,alert(temp)是不会执行的。

如果async设置为:true,则不会等待ajax请求返回的结果,会直接执行ajax后面的语句。

不过上面设置同步请求的方法,有网友曾经反馈将async设成false后, 原意是想返回数据了再执行$.ajax后面的脚本, 没想到这个地方却导致了在火狐浏览器下出现闪屏(firefox 11.0),滚
动条下拉到底部触发ajax的情况。最后只能将async:false注释掉,也就是async为ture的情况下,成功解决了火狐浏览器滚动条下拉到底部触发ajax出现闪屏的问题。

转自:https://www.cnblogs.com/mmzuo-798/p/7098979.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值