Question

我是AJAX的新手，所以我在制作一个简单的AJAX程序时面临很多问题。我有一个按钮，我想要做的是，当我点击它时，它下方div的文本会发生变化。我尝试了很多次，但仍然找不到错误。

这是我的代码：

<html>
  <head>
    <script>
        function loadXMLDoc() {
            var xmlhttp;

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

            xmlhttp.onReadyStateChange = function () {
                if(xmlhttp.readyState==2 && xmlhttp.status==200) {
                    document.getElementById('myDiv').innerHTML = xmlhttp.responseText;
                }
            };

            xmlhttp.open('GET', 'textfile.txt', true);
            xmlhttp.send();
        }
    </script>
  </head>
  <body>
    <button type="button" value="Click!" onClick="loadXMLDoc();">Hello World</button>
    <div id='myDiv'>hello!</div>
  </body>
</html>

这是文本文件：

<p>My name is areeb siddiqui</p>
<p>My name is areeb siddiqui</p>

欢迎任何帮助

提前致谢：）

此处还有我的网页：http://mytestingsite.site90.net/ajax/

Answer 1

更改此块：

if(xmlhttp.readyState==4 && xmlhttp.status==200)

Answer 2

这应该对你有用..这就是我如何制作我的ajax请求..非常相似

function loadXMLDoc() {
    var xmlhttp = null;

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

    xmlhttp.open('GET', 'textfile.txt', true);
    xmlhttp.send();

    xmlhttp.onreadystatechange = function()
    {
        if(xmlhttp.readyState != 4 || xmlhttp.status != 200){return;}
        document.getElementById('myDiv').innerHTML = xmlhttp.responseText;
    }

}

您的功能未更新的原因是onreadystatechange必须全部小写

Answer 3

checK onreadystatechange

 xmlhttp.onreadystatechange = function () {
        if(xmlhttp.readyState==4 && xmlhttp.status==200) {
            document.getElementById('myDiv').innerHTML = xmlhttp.responseText;
        }
    };

Answer 4

使用onreadystatechange更改onReadyStateChange 和xmlhttp.readyState == 2 with xmlhttp.readyState == 4

ajax - Div文本不变

4 个答案: