Ajax请求中async:false/true的作用分析
更新时间：2016年04月18日 10:14:28 作者：爱南方的春秋
这篇文章主要介绍了Ajax请求中async:false/true的作用,结合实例形式分析说明了Ajax请求中async:false/true的具体功能与使用技巧,需要的朋友可以参考下
本文实例分析了Ajax请求中async:false/true的作用。分享给大家供大家参考，具体如下：
test.html代码：
<a href="javascript:void(0)" onmouseover="testAsync()">
asy.js代码：
function testAsync(){
var temp;
$.ajax({
async: false,
type : "GET",
url : 'tet.php',
complete: function(msg){
alert('complete');
},
success : function(data) {
alert('success');
temp=data;
}
});
alert(temp+' end');
}
tet.php代码：
<?php echo "here is html code"; sleep(5); ?>
async: false,（默认是true）;
如上：false为同步，这个 testAsync()方法中的Ajax请求将整个浏览器锁死，只有tet.php执行结束后，才可以执行其它操作。
当async: true 时，ajax请求是异步的。但是其中有个问题：testAsync()中的ajax请求和其后面的操作是异步执行的，那么当tet.php还未执行完，就可能已经执行了 ajax请求后面的操作，
如： alert(temp+' end');
然而，temp这个数据是在ajax请求success后才赋值的，结果，输出时会为空。
更多关于ajax相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《JavaScript中ajax操作技巧总结》、《PHP+ajax技巧与应用小结》和《asp.net ajax技巧总结专题》
希望本文所述对大家ajax程序设计有所帮助。
相关文章
这篇文章主要介绍了js与jQuery终止正在发送的ajax请求的方法,实例分析了jQuery与JavaScript终止ajax请求的实现技巧与相关注意事项,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
本文主要是给大家总结了一下Ajax的核心内容XMLHttpRequest的相关知识，十分的详细，推荐给大家，需要的小伙伴参考下。2015-02-02
这篇文章主要给大家介绍了关于利用Ajax与php数据交互并且局部刷新页面的实现方法，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。2017-07-07
跨域问题是我们在开发中经常会遇到的一个需求，下面这篇文章主要给大家介绍了关于ajax和jsonp跨域的原理本质，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2017-11-11
完美ajax类 支持事件...2007-02-02
这篇文章主要为大家详细介绍了Ajax实现异步加载数据，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
好用的AJAX类代码分享，需要的朋友可以参考下。2011-11-11
IE下jquery ajax无法获得最新数据的问题解决(IE缓存)
利用ajax查询数据，在谷歌浏览器下可以获取到最新数据，而在IE中获得是旧数据，无法获得最新的数据，经查资料，才发现时IE缓存再作怪2013-08-08
本文从ajax技术的背景、原理、ajax的名字，ajax所包含的技术等方面展开话题，介绍ajax的原理及优缺点。本文关于ajax的原理及优缺点介绍的非常详细，具有参考借鉴价值，感兴趣的小伙伴一起学习吧2016-04-04
虽然jquery的ajax要比原始的写法容易得多，我们还是应该了解原始的写法，下面有个不错的示例，大家可以参考下2014-04-04
最新评论