javascript - 我无法使用 Ajax 从 .txt 文件中检索数据

Question

我正在尝试制作一个简单的 ajax 示例，但我无法让它工作。
这是代码：

<script>
    function loadXMLDoc() {
        var xmlhttp;
        if (window.XMLhttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            //Code for IE6 and IE5
            xmlhttp = new ActiveXObject(Microsoft.XMLHTTP);
        }

        xmlhttp.onreadystatechange = function() {
            if ((xmlhttp.readystate == 4) && (xmlhttp.status == 200)) {
                document.getElementbyId("mydiv").innerHTML = xmlhttp.responseText;
            }
        }

        xmlhttp.open("GET", ajax_info.txt, "true");
        xmlhttp.send();
    }
</script>

它应该从 .txt 文件中检索数据，但是当我点击按钮时它不起作用。

这是我在正文中的代码：

<div id="mydiv"><h2>Let Ajax change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change content</button>

Answer 1

似乎您的代码中有几个“拼写”错误。更正以下内容：

window.XMLhttpRequest  -->  window.XMLHttpRequest
xmlhttp.readystate     -->  xmlhttp.readyState
getElementbyId(...)    -->  getElementById(...)
ajax_info.txt          -->  "ajax_info.txt"

另请参阅此工作演示；

---

在调试此类错误时，您的浏览器开发人员控制台/工具栏可以提供很大帮助。