gpt4 book ai didi

javascript - ajax - Div 文本不改变

转载 作者:行者123 更新时间:2023-12-02 19:02:28 25 4
gpt4 key购买 nike

我是 AJAX 的新手,因此在制作简单的 AJAX 程序时遇到很多问题。我有一个按钮,我想要做的是,当我单击它时,它下面的 div 的文本会发生变化。我试了很多次还是没找到bug。

这是我的代码:

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

最佳答案

这应该适合你..这就是我发出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 必须全部小写

关于javascript - ajax - Div 文本不改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14650824/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com