Rumah  >  Artikel  >  hujung hadapan web  >  ajax中async有什么作用

ajax中async有什么作用

WBOY
WBOYasal
2021-12-23 11:39:093924semak imbas

ajax中async用于设置用异步或同步方式执行脚本;async属性值默认true时是异步方式,“$.Ajax”执行后,会继续执行ajax后面的脚本,当其属性值设置为false时,同步请求将锁住浏览器,用户其它操作必须等待请求完成后执行。

ajax中async有什么作用

本文操作环境:windows10系统、javascript1.8.5&&html5版、Dell G3电脑。

ajax中async有什么作用

async. 默认是true,即为异步方式,$.Ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发$.Ajax里的success方法,这时候执行的是两个线程。若要将其设置为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出现闪屏的问题。

【相关教程推荐:AJAX视频教程

Atas ialah kandungan terperinci ajax中async有什么作用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:nodejs中fs是什么意思Artikel seterusnya:html元素属性有哪些