首页 > 代码库 > XMLHttpRequest 异步方式和同步方式
XMLHttpRequest 异步方式和同步方式
一.同步和异步区别
简单说:同步是阻塞模式,异步是非阻塞模式。
举个例子:普通B/S模式(同步)AJAX技术(异步)
同步:提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事
异步: 请求通过事件触发->服务器处理(这是浏览器仍然可以作其他事情)->处理完毕
二.XMLHttpRequest 异步方式和同步方式
xmlHttp.open("GET", url, false);//同步方式请求 xmlHttp.open("GET", url, true)//异步
三.项目举例
在项目中有时候需要用到XMLHttpRequest,但是什么时候用同步,什么时候用异步,这个有时候差距看不出来,但是有时候错误出现了,还不知道什么原因,有时候正确,有时候执行有错误了。
以使用XMLHttpRequest来进行上传文件做测试,我们需要先上传文件到服务器,然后保存表单信息并保存上传文件的url。
以下是正确代码,使用了同步方式。
var fd = new FormData(); fd.append("fileToUpload", top.window.document.getElementById(‘fileToUpload‘).files[0]); var xhr = new XMLHttpRequest(); xhr.open("POST", WEB + "/Thesis/ImportPdf",false);//上传文件到服务器 xhr.send(fd); xhr.addEventListener("load", uploadComplete(dialog), false); //上传完毕后,保存表单信息以及上传文件路径信息
上面代码有两处需要往下执行,分别是:xhr.open("POST", WEB + "/Thesis/ImportPdf",false);和xhr.addEventListener("load", uploadComplete(dialog), false);
如果我们使用xhr.open("POST", WEB + "/Thesis/ImportPdf",true);//异步方式,如果文件小,可能照常本来第二步需要保存路径信息也能取到,但是文件太大,上传需要时间。异步的话,第一步上传文件还没上传完毕,第二步就执行了,但最终我们获取不到上传文件路径信息。所以需要使用阻塞式的同步方式。
XMLHttpRequest 异步方式和同步方式
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。