Question

我试图了解XMLHttpRequest()对象的工作原理。

如果我删除xhr.send()，则会显示"hi"。但是当它出现时什么也没有显示出来我真的想把xhr.status写到屏幕上，但首先我需要知道为什么脚本没有完成执行，即使其余部分不依赖于xhr.send()之后的响应。 / p>

<html>
    <head>
        <title>Playground</title>
    </head>
    <body>
        <div>
            <script>
                var xhr = new XMLHttpRequest();
                xhr.open("GET","http://www.google.com",false);
                xhr.send();
                document.write("hi");
            </script>
        </div>
    </body>
</html>

Answer 1

XMLHttpRequest可以用作同步和异步，第三个参数传递给函数设置此模式。传递false表示设置为同步，例如等待呼叫完成

将其更改为：

 var xhr = new XMLHttpRequest();
                xhr.open("GET","http://www.google.com",true);
                xhr.send();
                document.write("hi");

它应该写出"hi"或者你可以完全删除第三个参数，它默认为异步

 var xhr = new XMLHttpRequest();
                    xhr.open("GET","http://www.google.com");
                    xhr.send();
                    document.write("hi");

Answer 2

您无法向http://www.google.com发出XHR请求，因为它是一个不同的来源。如果您打开开发控制台，您可能会看到如下错误：

Uncaught NetworkError: Failed to execute 'send' on 'XMLHttpRequest': 
Failed to load 'http://www.google.com/'.

为了发出AJAX请求，请求的域，端口和协议必须与原始匹配。

由于脚本的这一行引发了错误，并且调用设置为不是异步的（如LIUFA所述），因此不会执行下一行。

为什么我的脚本在调用XMLHttpRequest.send（）后停止运行？

2 个答案: