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

转载 2017年01月03日 14:14:54
 

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

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

async Boolean Default: true  By default, all requests are sent asynchronous (e.g. this is set to ...
  • jovi_zhao
  • jovi_zhao
  • 2017年10月20日 14:15
  • 74

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

最近做东西用到ajax,我在火狐下firebug打断点一点问题都没有,可是关了firebug,程序不进后台方法,纳闷了好久,从来没有遇到过这种情况,最后加了一个参数async:false好了,还是 很...
  • bruce_suxin
  • bruce_suxin
  • 2017年12月03日 22:34
  • 70

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

Ajax请求中的async:false/true的作用 最近做东西用到ajax,我在火狐下firebug打断点一点问题都没有,可是关了firebug,程序不进后台方法,纳闷了好久,从来没有遇到过...
  • flowerspring
  • flowerspring
  • 2017年04月26日 18:06
  • 313

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

ajax 同步异步的问题 ,ajax async 的问题
  • fhjdzkp
  • fhjdzkp
  • 2017年12月28日 19:25
  • 34

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

Ajax请求中的async:false/true的作用 官方的解释是:http://api.jquery.com/jQuery.ajax/ async Boolean Default: true ...
  • weixin_37848710
  • weixin_37848710
  • 2017年09月04日 15:45
  • 46

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

官方的解释是:http://api.jquery.com/jQuery.ajax/ async Boolean Default: true  By default, all requests ar...
  • H12KJGJ
  • H12KJGJ
  • 2017年06月09日 10:14
  • 236

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

Ajax请求中的async:false/true的作用 作者:Cfans_gpl 时间:2013-3-17 16:21 Sunday 分类: WEB开发  #坐上电梯直达评论  官方的解释是...
  • DCX903170332
  • DCX903170332
  • 2014年10月21日 23:21
  • 7874

Ajax在跨域情况下async:false失效

首先看代码: $.ajax({ url: "http://www.hzhuti.com", //请求的url地址 dataType: "jsonp", //返回格式为json...
  • huanghanqian
  • huanghanqian
  • 2016年07月31日 11:29
  • 3999

关于Ajax执行完毕之后返回值的问题,想让它执行完毕返回一个true或者false供之后使用。

//验证昵称是否可用驳斥昵称唯一性 function checkUser_Nickname(){ var user_Nickname = $("#user_Nickname").attr('val...
  • lyl16
  • lyl16
  • 2014年08月01日 11:16
  • 2271

async await 就ajax因果调用解决方案(思路:以同步的思维解决异步的调用)

async await处理ajax
  • hzaini89
  • hzaini89
  • 2017年06月05日 15:42
  • 619
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax请求中的async:false/true的作用
举报原因:
原因补充:

(最多只允许输入30个字)