Http Request 2页面进度无效

Question

基于从mozilla阅读一些文档，我只想尝试html5“xhr2”（所谓的）功能。我使用了这段代码......

var oReq = new XMLHttpRequest();


function transferComplete(evt) {
  alert("The transfer is complete.");
}   

oReq.upload.addEventListener("load", transferComplete, false);        
oReq.open('POST',"https://www.google.com",true);

我将上面的代码放在我页面的head部分，但页面总是加载但没有触发任何事件..

有人可以告诉我，我做错了什么......

谢谢你们

Answer 1

您的代码中存在几个问题。

1. 您需要在addEventLIstener
之前删除关键字上传
2. 您需要在oReq对象
上调用 send（）方法
3. cross-origin policy将不允许您加载https://www.google.com，但您仍然可以在同一个域中加载文档

检查此代码：

var oReq = new XMLHttpRequest();

function transferComplete(evt) {
  alert("The transfer is complete.");
}   

oReq.addEventListener("load", transferComplete, false);   
oReq.open('GET',"/index.html", true);
oReq.send();

try it on JSFiddle