XHR对象send方法的同异步问题

理解XHR对象send方法的异步特性及其影响

最新推荐文章于 2025-09-17 16:16:33 发布

转载最新推荐文章于 2025-09-17 16:16:33 发布 · 5.2k 阅读

文章标签：

#xhr

ajax 专栏收录该内容

20 篇文章

订阅专栏

　　XHR对象上的send方法不仅是用于发送数据部分，只有调用了send方法，整个HTTP请求头才会被发出，然后才是真正的内容部分。如此复杂的过程在规范中也没有具体的定义，所以目前各大浏览器上的实现都存在细微的差异，特别是同异步这个大坑再次中枪。

一个精密的实验

　　其实我以前一直以为send方法总是同步发起的（注意这里讨论的是“发起”这个行为本身的同异步，open方法的第三个参数始终为true，不讨论false的情况），还在讨论同异步的文章中使用了XHR对象的例子，现在看来确实是个不恰当的例子。在一些浏览器中XHR对象的send方法确实是同步发起的，但并不是所有浏览器都这样，可以通过下面的实验来证实（NodeJS 的部分需要 harmony 和 use_strict）：

//nodejsrequire('http').createServer(function(request,response){
 response.setHeader('Content-Type','text/html');
if(request.url=='/test'){
console.log(request.url);
let connection=request.connection; connection.write('HTTP/1.1 100 Continue\n\n');
console.log(100); request.on('data',function(e){
console.log(e+""); response.end('ok');
 }); }else{
let path=process.cwd()+request.url; require('fs').readFile(path,function(error,data){
 response.end(error?'error':data); }); };}).listen(1234);

<!--test.html-->

<script>

var xhr=new XMLHttpRequest;

xhr.onreadystatechange=function(){

console.log(xhr.readyState,xhr.status);

};

xhr.open("POST","test");

xhr.send("data");

var t=new
Date;

while(new
Date-t<3000);

</script>