关闭

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

247人阅读 评论(0) 收藏 举报
分类:
 

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

 117864人阅读 评论(11) 收藏 举报
 分类:
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

我的同类文章

更多文章

参考知识库

img

JavaScript知识库

img

PHP知识库

img

jQuery知识库

img

AngularJS知识库

猜你在找
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发表 [回复]
解决我的问题了。
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1310983次
    • 积分:17183
    • 等级:
    • 排名:第592名
    • 原创:37篇
    • 转载:2475篇
    • 译文:0篇
    • 评论:34条