IE11 XMLRequest 访问被拒绝

Question

我尝试在 http://localhost:8080/ 上执行简单的 AJAX 请求，但在使用 IE 11 时立即收到错误消息。我认为 IE 甚至没有尝试发送任何内容。

有人遇到过这个问题吗？

这是一个 fiddle 显示此行为，

html:

<button id='btn1'>launch</button>

加载：

var xhr,btn=document.getElementById('btn1');
btn.onclick=onButton;

var onReadyState=function(){
  console.log('ready state:'+_xhr.readyState);
  if(xhr.readyState===4){
    console.log('status:'+_xhr.status);
  }
}

function onButton(){
  xhr=new window.XMLHttpRequest();
  xhr.onreadystatechange=onReadyState;
  xhr.open('POST','http://localhost:8080/ScanAPI/v1/client');
  xhr.send();
}

在尝试之前，您需要启动 IE F12 开发人员工具，您会看到 IE 捕获异常。

对此的任何帮助将不胜感激。

谢谢！

Answer 1

它不起作用，因为您引用了一个名为 _xhr 的对象，该对象不存在于 onReadyState 函数的范围内。

您应该改用this：

var onReadyState = function() {
    if (this.readyState === 4) {
        console.log('status :' + this.status);
    }
};

这是因为XMLHttpRequest 对象将使用自己的上下文回调onReadyState，可以通过函数中的this 访问。

还要注意onReadyState 函数在其定义末尾缺少一个分号，乍一看并没有注意到。

编辑：我还注意到 IE10（和 IE11）确实解释 some HTTP response code as network errors（例如带有 401 响应代码），如果是您的情况，那么 IE 是有道理的无法检索您的资源。

我 fork 你的小提琴和wrote a simple page 与 IE11 配合得很好。