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)

虽然说ajax用来执行异步请求的比较多,但有时还是存在需要同步执行的情况的。 比如:我需要通过ajax取执行请求以返回一个值,这个值在ajax后面是需要使用到的,这时就不能用异步请求了。这时候就需要...

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

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

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

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

return,return true,return false三个的作用。

return false和return true 和return的作用。

MFC UpdateData(FALSE)和UpdateData(TRUE)的作用

在VC里,可以为对话框上的控件设置对应的变量,如文本框可以设置对应的 CString变量,但是在程序中修改文本框的内容时,对应的CString变量不会随着改变,需要调用UpdateData(TRUE)...

addEventListener(type, fn , true/false)绑定事件第三个参数作用以及利用事件的冒泡,实现事件委托

addEventListener( type , fn , true/false )

调用ajax封装POST GET True False 四种状态

JR.ajax = function(obj){     //初始化对象,没填某项时使用默认值代替     obj = {               //请求方法,默认POST       ...

hibernate 写createSQLQuery(sql)& 带异步async: false,抽取json对象的ajax 和dataType:"json"

DAO /** * 得到处理日期的具体日 *@return List */ @SuppressWarnings("unchecked") public List> getNoteb...

Express框架中的req.fresh属性何时返回true,何时返回false

首先,这个属性是通过fresh来完成的(fresh用来判断req,res中的HTTP头是否依然有效),我们看看fresh是如何使用的: var fresh = require('fresh') //...

为什么Java中1000==1000为false而100==100为true?

原文:https://dzone.com/articles/why-1000-1000-returns-false-but-100-100-returns-tr 转自:http://www.co...
  • hankcyh
  • hankcyh
  • 2015年11月22日 12:58
  • 170
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax请求中的async:false/true的作用
举报原因:
原因补充:

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