手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >ajax 同步请求和异步请求的差异分析
ajax 同步请求和异步请求的差异分析
摘要:ajax同步和异步的差异,先看2段代码:代码一:复制代码代码如下:Synchronize=function(url,param){funct...

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);

【ajax 同步请求和异步请求的差异分析】相关文章:

理解Javascript图片预加载

event.srcElement+表格应用

JavaScript中reduce()方法的使用详解

JavaScript获得url查询参数的方法

javascript带回调函数的异步脚本载入方法实例分析

jQuery插件制作之参数用法实例分析

JS控制表格隔行变色

javascript动态创建表格及添加数据实例详解

javascript嵌套函数和在函数内调用外部函数的区别分析

js设置document.domain实现跨域的注意点分析

精品推荐
分类导航