ajax同步和异步的差异

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

代码一:

Js代码
  1. Synchronize=function(url,param){
  2. functioncreateXhrObject(){
  3. varhttp;
  4. varactiveX=["MSXML2.XMLHTTP.3.0","MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
  5. try{
  6. http=newXMLHttpRequest;
  7. }catch(e){
  8. for(vari=0;i<activeX.length;++i){
  9. newActiveXObject(activeX[i]);
  10. break;
  11. }catch(e){}
  12. }
  13. }finally{
  14. returnhttp;
  15. }
  16. }
  17. varconn=createXhrObject();
  18. conn.open("POST",url,false);//ajax同步
  19. conn.send(param);
  20. varstrReturn=conn.responseText;
  21. alert("1");
  22. if(strReturn!=""){
  23. returnExt.decode(conn.responseText);
  24. }else{
  25. returnnull;
  26. }
  27. alert("2");
  28. };

代码二:

同步和异步的差异如下:

conn.open('POST',Url,true);// ajax异步

conn.open(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);

相关文章

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回...
AJAX 每日更新前端基础,如果觉得不错,点个star吧 &#128515; https://github.com/WindrunnerMax/E...
踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSe...
很早就听闻ajax的名声,但是却一直不知道怎么用,今天自己捣鼓了一下,竟然会用了,哈哈哈哈。 为了防止...
需要在服务器上进行哈 jquery的ajax方法: // jquery请求 $.ajax({ url: &quot;./server/slider.js...
Ajax函数封装ajax.js // Get / Post // 参数 get post // 是否异步 // 如何处理响应数据 // URL // var...