Question

我正在关注一本关于AJAX的教程，我似乎对一些基本概念失败了。

以下是我正在使用的HTML和Javascript （在我的godaddy托管网络服务器上保存为ajax.html）：

<html>
    <head>
        <title>AJAX Example</title>
        <script language="javascript">
            var XMLHttpRequestObject = false;

            if (window.XMLHttpRequest) {
                XMLHttpRequestObject = new XMLHttpRequest();
            } else if (window.ActiveXObject) {
                XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
            }

            function getData(dataSource, divID) {
                if (XMLHttpRequestObject) {
                    var obj = document.getElementById(divID);
                    XMLHttpRequestObject.open("GET", dataSource);

                    XMLHttpRequestObject.onreadystatechange = function() {
                        if (XMLHttpRequestObject.readystate == 4 && XMLHttpRequestObject.status == 200) {
                            obj.innerHTML = XMLHttpRequestObject.responseText;
                        }
                    }                   
                    XMLHttpRequestObject.send(null);
                }
            }        
        </script>
    </head>
    <body>
        <H1>This is an AJAX Example</H1>

        <form>
            <input type="button" value="Fetch the Message" onclick="getData('data.txt', 'targetDiv')">
        </form>
        <div id="targetDiv">
            <p>The fetched message is supposed to appear here...</p>
        </div>
    </body>
</html>

并且是data.txt的内容（与ajax.html保存在同一目录中）：

<p>This is some text in a file that I am using to be</p> 
<p>queried with an ajax process to display dynamically.</p>

问题是当我按下页面上的按钮时没有任何反应。我尝试使用Chrome的开发者工具逐步完成Javascript，我看到了DOMException： enter image description here 。

有人可以指出这个javascript是否存在问题，或者指出我正确的方向来处理我所看到的DOMException？

Answer 1

使用找到的答案here我读到我的readystate应该是readyState。改变这解决了我的问题。

带有DOMException问题的AJAX初学者

1 个答案: