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

2012-12-05 17:18 117864人阅读 评论(11) 收藏 举报

 分类：

js和jq学习（40） 

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后才赋值的，结果，输出时会为空。

顶

18

踩

1

 

 

• 上一篇教你如何计算腰围~~
• 下一篇PHP CodeBase: 将时间显示为“刚刚”“n分钟/小时前”等

我的同类文章

js和jq学习（40）

• •扫描二维码自动识别手机系统（Android/IOS）2016-05-19阅读331
• •自动登录2014-03-28阅读420
• •js，jq发送短信倒计时2014-03-18阅读5561
• •给JavaScript初学者的24条最佳实践2013-12-17阅读516
• •js限制不同地区访问网站2013-07-17阅读839
• •JQuery性能优化2013-07-16阅读445

• •js天数倒计时2014-04-01阅读2323
• •js跨域问题2014-03-25阅读405
• •引入编译的概念——压缩JavaScript文件2014-02-26阅读505
• •jq select操作全集2013-10-28阅读583
• •js实现密码强度验证2013-07-17阅读690

更多文章

参考知识库

JavaScript知识库

11320关注|1324收录

PHP知识库

4982关注|799收录

jQuery知识库

6805关注|934收录

AngularJS知识库

3793关注|488收录

猜你在找

Ajax程序开发经典实例视频教程

HTML 5全掌控

HTML技法-HTML加密解密/压缩优化与HTML乱码分析/防360拦截/HTML万能解密器

html5服务器推送事件

PHP面向对象设计模式

jquery源码中ajax方法理解之十五问

一步一步DIY zepto库研究zepto源码4 -- ajax模块

闲着看看jqueryajax源码

jqueryajax

AJAX

查看评论

9楼 马金兴 2016-12-02 14:29发表 [回复]

学习了，短小精悍

8楼 J1AN2 2016-10-18 15:40发表 [回复]

谢谢

7楼 代码怎么写 2016-08-11 10:54发表 [回复]

谢谢 虽然自己目前看的不是很懂

6楼 Coder_Vincent 2016-05-03 15:15发表 [回复]

过来请请教一下，3q.

5楼 yh350653353 2015-04-02 10:25发表 [回复]

[csharp] view plain copy

 print?

1. Console.WriteLine("hello world!");  

4楼 奇横三 2015-03-04 23:52发表 [回复]

如果js 最后一步是跳转到另一页面， ajax 中 是往数据库写数据，会有影响吗？（数据库写数据会不成功吗）

Re: ywg369 2015-09-13 20:31发表 [回复]

回复fyhjuyol：只要提交到服务端，即使js跳转，也会执行的

Re: ywg369 2015-09-13 20:31发表 [回复]

回复fyhjuyol：只要提交到服务端，即使js跳转也会执行的

3楼 奇横三 2015-03-04 23:52发表 [回复]

如果js 最后一步是跳转到另一页面， ajax 中 是往数据库写数据，会有影响吗？（数据库写数据会不成功吗）

2楼 奇横三 2015-03-04 23:46发表 [回复]

受益匪浅

1楼 朝着希望前进 2015-01-13 11:55发表 [回复]

解决我的问题了。