javascript - XHttpRequest 2页面进度无法正常工作

基于从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);

我将上面的代码放在页面的头部，但是页面始终加载，但是没有任何事件被触发。

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

谢谢你们

最佳答案

您的代码中有几个问题。


您需要在addEventLIstener之前删除关键字上传
您需要在oReq对象上调用send（）方法
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