ajax同步和异步的差异

aajax同步和异步的差异， 先看2段代码：

 代码一：

     

Js代码  

1. Synchronize = function(url,param) {  
2.     function createXhrObject() {  
3.         var http;  
4.         var activeX = [ "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];  
5.         try {  
6.             http = new XMLHttpRequest;  
7.         } catch (e) {  
8.             for (var i = 0; i < activeX.length; ++i) {  
9.                 try {  
10.                     http = new ActiveXObject(activeX[i]);  
11.                     break;  
12.                 } catch (e) {}  
13.             }  
14.         } finally {  
15.             return http;  
16.         }  
17.     }  
18.     var conn = createXhrObject();  
19.     conn.open("POST", url, false);//ajax同步  
20.     conn.send(param);  
21.     var strReturn = conn.responseText;  
22.     alert("1");  
23.     if (strReturn != "") {  
24.         return Ext.decode(conn.responseText);  
25.     } else {  
26.         return null;  
27.     }  
28.     alert("2");  
29. };  

 

代码二：

  

Js代码  

1. Ajax 同步请求方式:  
2.   
3.   
4. Synchronize = function(url,param) {  
5.     function createXhrObject() {  
6.         var http;  
7.         var activeX = [ "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP" ];  
8.         try {  
9.             http = new XMLHttpRequest;  
10.         } catch (e) {  
11.             for (var i = 0; i < activeX.length; ++i) {  
12.                 try {  
13.                     http = new ActiveXObject(activeX[i]);  
14.                     break;  
15.                 } catch (e) {}  
16.             }  
17.         } finally {  
18.             return http;  
19.         }  
20.     }  
21.     var conn = createXhrObject();  
22.     conn.open("POST", url, true);//ajax异步  
23.     conn.send(param);  
24.     var strReturn = conn.responseText;  
25.     alert("1");  
26.     if (strReturn != "") {  
27.         return Ext.decode(conn.responseText);  
28.     } else {  
29.         return null;  
30.     }  
31.     alert("2");  
32. };  

 

同步和异步的差异如下：

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