Javascript CORS要求

Question

我有一个启用了CORS的php Web服务。

我使用http://www.test-cors.org/来确认Web服务正常工作。 根据此服务，将触发XHR加载事件，状态代码为200。

我将Test Cors生成的代码复制到了在线JavaScript控制台https://repl.it/languages/javascript

在这里，我的XHR状态始终为0。

基于Test Cors，我的Web服务设置为允许跨源。 但是，当我使用在线JavaScript控制台时，相同的Web服务会返回状态码0。

有什么原因导致此代码无法正常工作？

var createCORSRequest = function(method, url) {
    var xhr = new XMLHttpRequest();

    if ("withCredentials" in xhr) {
     //This part is called correctly
     xhr.open(method, url, true);
    } 

    return xhr;
};

var url = <URL>
var method = 'GET';
var xhr = createCORSRequest(method, url);

xhr.loadstart = function() {
    //Not called
}
xhr.onload = function() {
    //Not called
};

xhr.onerror = function() {
    // Called
};

xhr.send();

alert(xhr.status)

Answer 1

状态警报是在发送（因此接收）请求之前发出的，因此状态尚未设置，您将获得0。所有警报/检查都必须在onload / onerror内，在请求被执行时执行完成。