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

本文原创发布php中文网,转载请注明出处,感谢您的尊重!

php和ajax的同步和异步请求,ajax 同步请求和异步请求的差异分析_javascript技巧相关推荐

  1. promise将ajax变为同步,ES6-Promise改造异步请求为同步

    1.扩展:ajax 1.1 代码如下 $.ajax({ url:'地址', type:'get/post', data:{}, dataType:'json/jsonp', success:funct ...

  2. 同步请求和ajax请求,ajax 同步请求和异步请求的差异分析

    ajax 同步请求和异步请求的差异分析 发布于 2016-12-27 08:14:26 | 53 次阅读 | 评论: 0 | 来源: 网友投递 JavaScript客户端脚本语言Javascript ...

  3. ajax背景、ajax对象、ajax状态、ajax与http、ajax请求数据接口、同步与异步、ajax请求XML数据、封装ajax函数、artTemplate简介、同源策略和跨域请求、JSONP

    AJAX简介: ajax背景: 1.AJAX(Asynchronous JavaScript And Xml)异步的 JavaScript 和 XML:ajax是浏览器提供的一套API,最早出现在谷歌 ...

  4. JSP同步请求和html+ajax异步请求的两种方式

    war包:包括所有的项目资源,只要从浏览器发起的都是属于请求,然后把资源响应给浏览器,解析显示出来. 方式一:HTML+ajax(跳转静态html也是属于请求响应,把整个页面响应给浏览器.) html ...

  5. 【AJAX】请求原理 同步和异步

    一..AJAX概念 本质:使用JS提供的异步对象,在页面不刷新的情况下,发送http请求,得到http响应,实现页面的局部刷新,涉及到的技术HTML JS HTTP/HTTPS 接口 XML JSON ...

  6. AJax异步请求和同步请求的差别

    问题背景 此前,遇到一个问题:在前台界面绑定下拉框value和name,$("#" + elementID).append("<option value='&quo ...

  7. ajax异步详解同步请求,ajax async异步请求和同步请求

    ajax async异步请求和同步请求 ajax是指异步加载.这个异步是相对于页面来说的,页面不刷新就加载服务器数据.ajax中的请求又分为同步请求和异步请求,这里是相对于进程来说的,ajax异步请求 ...

  8. [ JS 进阶 ] Ajax 详解 (2) :XHR 实例 GET 和 POST 异步和同步

    上一篇文章 我们大概知道了XHR对象是什么东东,也都了解了它的一些属性和方法,那么现在具体来实现一下Ajax技术 和 了解下XHR2对象. 1.实现Ajax 先来创建个XHR对象的实例: var xh ...

  9. http 请求 与其同步与异步请求的通透讲解

    http请求可以是基于webkit的浏览器或者web组件如:webview(在移动平台,android iOS等)发送的:也可以是任何程序或者代码段发出的:也可以这么说任何程序都可以自主发送http. ...

最新文章

  1. python单元测试之unittest框架使用
  2. FTP的dos命令使用方法
  3. Gecko浏览器引擎
  4. python3 beautifulsoup 表格,使用Python中的BeautifulSoup拉取特定的表数据
  5. leetcode954. 二倍数对数组(treemap)
  6. 深入解读:获得 2021 Forrester 全球云数仓卓越表现者的阿里云数据仓库
  7. flutter usb串口_Flutter 调试方式
  8. android8.0和9.0平板电脑区别,安卓9.0和8.0有什么区别? 哪个更好
  9. java 注解 jpa_详解Spring Data JPA使用@Query注解(Using @Query)
  10. ABB主计算机作用是什么,一文读懂ABB机器人通信功能
  11. k8s和mysql怎么通信_k8s中的网络通信总结
  12. 斐讯K2路由器刷机_潘多拉PandoraBox固件
  13. binwalk、foremost、dd隐藏文件分离
  14. 内核的解压缩过程详解
  15. 数学计算机小论文范文,数学与生活论文范文
  16. 网络参数配置与常用网络命令使用
  17. 为什么都说阿里 P7 的晋升是道坎?
  18. 我国第一部机载脉冲火控雷达研制历程
  19. 在线生成网站地图工具SiteMap
  20. python调用百度地图实现导航_利用python和百度地图API实现数据地图标注

热门文章

  1. 阿里云发布时间序列数据库TSDB,关于时序你了解多少?
  2. 菜鸟数据科学家五大误区
  3. 服务实体经济、战略级行业再下一城,钉钉发布制造行业解决方案2.0
  4. 数字时代的抉择,金蝶 EBC 的破局
  5. 云原生之上,亚马逊云科技发布多项容器与Serverless服务,持续发力现代化应用
  6. 为产业数字化赋能!施耐德电气数字产业示范园落户北京
  7. SRE 是如何保障稳定性的
  8. 你的企业混合云了吗?来看看评估混合云解决方案时要注意的6个原则!
  9. 强强联手 SAP Ariba与苏宁易购共建中国企业智慧采购
  10. Python 爬取了马蜂窝的出行数据,告诉你这个夏天哪里最值得去!