gpt4 book ai didi

javascript - ajax简单代码不起作用

转载 作者:行者123 更新时间:2023-11-28 05:43:49 24 4
gpt4 key购买 nike

我知道我可能只是错过了一个就在我眼皮子底下的简单的东西,或者可能根本不理解ajax...但我有一个问题 - 这种简单的和平代码不起作用,但它来自 w3schools 和这是ajax工作的最简单的例子。有人可以帮我吗?

<!DOCTYPE html>
<html>
<body>

<div id="demo"><h2>Let AJAX change this text</h2></div>

<button type="button" onclick="loadDoc()">Change Content</button>

<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
document.getElementById("demo").innerHTML = xhttp.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
</script>

</body>
</html>

这是“ajax_info.txt”文件:

text changed.

最佳答案

如果您使用 file://C:/ 协议(protocol)在浏览器中打开文件,您将收到跨源请求错误 当尝试加载“ajax_info.txt”时,这样做的原因是为了保护您的计算机的私有(private)文件不被浏览器脚本读取。要解决此问题,您需要使用协议(protocol) http://,如果您在本地计算机上安装了 Web 服务器(例如 WAMP 或 MAMP),则可以使用该协议(protocol)。

此外,名为 ajax_info.txt 的文件需要与该 html 文件位于同一目录中。否则,此 javascript AJAX 调用将返回错误:/ajax_info.txt 404(未找到)

关于javascript - ajax简单代码不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38709389/

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