我无法使用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"

另请参阅此 working demo ;

---

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