Fatal编程技术网
  • javascript/
  • Javascript AJAX初学者与DOMException问题

Javascript AJAX初学者与DOMException问题

javascript ajax

Javascript AJAX初学者与DOMException问题,javascript,ajax,Javascript,Ajax,我正在跟随一本关于AJAX的教程，我似乎在一些基本概念上失败了 这是我正在使用的HTML和Javascript（在我的godaddy托管的web服务器上保存为ajax.HTML）： AJAX示例 var XMLHttpRequestObject=false； if（window.XMLHttpRequest）{ XMLHttpRequestObject=新的XMLHttpRequest（）； }else if（window.ActiveXObject）{ XMLHttpRequestObjec

我正在跟随一本关于AJAX的教程，我似乎在一些基本概念上失败了

这是我正在使用的HTML和Javascript（在我的godaddy托管的web服务器上保存为ajax.HTML）：


AJAX示例
var XMLHttpRequestObject=false；
if（window.XMLHttpRequest）{
XMLHttpRequestObject=新的XMLHttpRequest（）；
}else if（window.ActiveXObject）{
XMLHttpRequestObject=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}
函数getData（数据源，divID）{
if（XMLHttpRequestObject）{
var obj=document.getElementById（divID）；
open（“GET”，数据源）；
XMLHttpRequestObject.onreadystatechange=函数（）{
if（XMLHttpRequestObject.readystate==4&&XMLHttpRequestObject.status==200）{
obj.innerHTML=XMLHttpRequestObject.responseText；
}
}                   
XMLHttpRequestObject.send（null）；
}
}        
这是一个AJAX示例
提取的消息应该出现在这里
是data.txt的内容（保存在与ajax.html相同的目录中）：

这是一个文件中的一些文本，我正在使用它

使用ajax进程查询以动态显示
问题是当我按下页面上的按钮时，什么也没有发生。我尝试使用Chrome的开发工具逐步浏览Javascript，我看到一个
DOMException
： .

有人能指出这个javascript是否有问题，或者给我指出正确的方向来处理我看到的
DOMException
吗？

使用这个答案，我读到我的
readystate
应该是
readystate
。改变这一点解决了我的问题

检查你是否回答了这个问题 
<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>

<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>