ajax 同步请求和异步请求的差异分析
更新时间：2011年07月04日 23:38:39 作者：
ajax 同步请求和异步请求的差异分析，需要的朋友可以参考下。
ajax同步和异步的差异， 先看2段代码：
代码一：
Synchronize = function(url,param) {
function createXhrObject() {
var http;
var activeX = [ "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
try {
http = new XMLHttpRequest;
} catch (e) {
for (var i = 0; i < activeX.length; ++i) {
try {
http = new ActiveXObject(activeX[i]);
break;
} catch (e) {}
}
} finally {
return http;
}
}
var conn = createXhrObject();
conn.open("POST", url, false);//ajax同步
conn.send(param);
var strReturn = conn.responseText;
alert("1");
if (strReturn != "") {
return Ext.decode(conn.responseText);
} else {
return null;
}
alert("2");
};
代码二：
Ajax 同步请求方式:
Synchronize = function(url,param) {
function createXhrObject() {
var http;
var activeX = [ "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
try {
http = new XMLHttpRequest;
} catch (e) {
for (var i = 0; i < activeX.length; ++i) {
try {
http = new ActiveXObject(activeX[i]);
break;
} catch (e) {}
}
} finally {
return http;
}
}
var conn = createXhrObject();
conn.open("POST", url, true);//ajax异步
conn.send(param);
var strReturn = conn.responseText;
alert("1");
if (strReturn != "") {
return Ext.decode(conn.responseText);
} else {
return null;
}
alert("2");
};
同步和异步的差异如下：
conn.open('POST',Url,true); // ajax异步
conn.open('POST',Url,false); // ajax同步
对于代码二，为异步的ajax请求，执行结果为：先执行alert(2)再执行alert(1), 异步的意思就是说一旦conn.open请求一发出，前端不去等待它的响应便执行后面的代码，所以alert(2)先执行了，然后当响应response到达以后才执行alert(1);
对于代码一，为同步的ajax请求，执行结果为：先执行alert(1)再执行alert(2), 同步的意思就是说一旦conn.open请求一发出，前端就去等待它的响应，响应完成以后，alert(1)先执行了，然后alert(2);
代码一：
复制代码 代码如下:
Synchronize = function(url,param) {
function createXhrObject() {
var http;
var activeX = [ "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
try {
http = new XMLHttpRequest;
} catch (e) {
for (var i = 0; i < activeX.length; ++i) {
try {
http = new ActiveXObject(activeX[i]);
break;
} catch (e) {}
}
} finally {
return http;
}
}
var conn = createXhrObject();
conn.open("POST", url, false);//ajax同步
conn.send(param);
var strReturn = conn.responseText;
alert("1");
if (strReturn != "") {
return Ext.decode(conn.responseText);
} else {
return null;
}
alert("2");
};
代码二：
Ajax 同步请求方式:
复制代码 代码如下:
Synchronize = function(url,param) {
function createXhrObject() {
var http;
var activeX = [ "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];
try {
http = new XMLHttpRequest;
} catch (e) {
for (var i = 0; i < activeX.length; ++i) {
try {
http = new ActiveXObject(activeX[i]);
break;
} catch (e) {}
}
} finally {
return http;
}
}
var conn = createXhrObject();
conn.open("POST", url, true);//ajax异步
conn.send(param);
var strReturn = conn.responseText;
alert("1");
if (strReturn != "") {
return Ext.decode(conn.responseText);
} else {
return null;
}
alert("2");
};
同步和异步的差异如下：
conn.open('POST',Url,true); // ajax异步
conn.open('POST',Url,false); // ajax同步
对于代码二，为异步的ajax请求，执行结果为：先执行alert(2)再执行alert(1), 异步的意思就是说一旦conn.open请求一发出，前端不去等待它的响应便执行后面的代码，所以alert(2)先执行了，然后当响应response到达以后才执行alert(1);
对于代码一，为同步的ajax请求，执行结果为：先执行alert(1)再执行alert(2), 同步的意思就是说一旦conn.open请求一发出，前端就去等待它的响应，响应完成以后，alert(1)先执行了，然后alert(2);
相关文章
其实这个效果不是什么难实现的效果，关键注意几个地方就可以了2011-04-04
promise面试中经常会遇到的一个问题就是关于控制并发的，所以下面这篇文章主要给大家介绍了关于Promise面试题之控制并发的相关资料，需要的朋友可以参考下2021-05-05
下面小编就为大家带来一篇js实现弹窗居中的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
使用javascript制作的2048小游戏非常好玩，有意思，下面给大家分享使用javascript代码制作的2048游戏，需要的朋友参考下吧2016-03-03
当在使用流程的时候，比如有一个审核流程，有三个阶段：开始，审核中，审核成功。当在不同的阶段，做相应的进度显示，当显示时，是以动画的形式显示的。下面通过代码给大家介绍JS实现带动画效果的流程进度条，感兴趣的朋友一起看看吧2018-06-06
class是es6引入的最重要特性之一。在没有class之前，我们只能通过原型链来模拟类。这篇文章我们将详细的介绍关于ES6中CLASS的使用，有需要的朋友们可以参考借鉴，下面来一起看看吧。2016-11-11
弹幕是一个很常见的功能,这篇文章主要给大家介绍了关于如何利用原生js模拟直播弹幕滚动效果的相关资料,文章通过示例代码介绍的非常详细,需要的朋友可以参考下2021-07-07
这篇文章主要为大家介绍了Three.js中实现Bloom效果及完整示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
下面小编就为大家带来一篇浅谈js的异步执行。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了javaScript封装的各种写法,通过列举优缺点和使用场景详细介绍了几种封装的格式,需要的朋友可以参考下2017-08-08
最新评论