javascript - 为什么它给我 XmlHttpRequest 对象奇怪的结果？

Question

我使用以下代码来读取 xml

xmlhttp = new XMLHttpRequest();

            xmlhttp.open("GET", "/TinyEditor/XML/PreviewBody.xml", true);
            xmlhttp.send();
           alert(xmlhttp);
            var xmlDoc;
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                xmlDoc = xmlhttp.responseXML;
             alert(xmlDoc);
            }
           alert(xmlDoc);

我看到的奇怪之处是 xmlHttp 读取 XML，但 xmlDoc 出现未定义错误。当我应用调试器并跟踪它时，在这种情况下 xmlDoc 不会未定义。为什么会这样？

Answer 1

默认情况下，ajax 请求(异步 Javascript 和 XML)是异步的。

这意味着您过早访问 xmlhttp 变量。此时它没有readyState===4，也没有status===200。您需要将其放入 onreadystatechange 处理程序中，该处理程序每​​次都会触发，当前请求的就绪状态会发生变化。

xmlhttp.onreadystatechange = function() {
    var xmlDoc;
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        xmlDoc = xmlhttp.responseXML;
        alert(xmlDoc);
    }
};

请注意，上面是一个非常简单的示例。在现实世界的代码中，您需要制作更多依赖于浏览器的东西(主要是针对 IE)。