我正在尝试在按下按钮时运行ajax.load方法。这个想法非常简单：通过使用 ajax.load 方法将 a 的主体更改为其他内容。但是，我还没有成功，经过几个小时的研究，我仍然没有找到解决方案。当我按下按钮时没有任何反应。
我尝试将W3Schools示例之一复制/粘贴到我自己的项目中，只是为了看看它是否适用于我的计算机。结果是它在我的计算机上不起作用，即使在将示例中的文件更改为我自己的文件之后也是如此。这让我觉得 Ajax 如何被放入项目中存在问题。但我不确定。 示例如下：https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_ajax_load
我的测试网站运行在Tomcat服务器上，是用IntelliJ编写的。这是代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AjaxTest</title>
</head>
<body>
<script>
$("#button").click(function () {
$("#maincontainer").load("ajaxTestAlternativeText.txt")
})
</script>
<div id="maincontainer">
this text needs to change
</div>
<button id="button" type="button"> tryk her :)</button>
</body>
</html>
在上面的代码中，我将正文更改为.txt文件。我也尝试更改为.html文件，但这也没有用。
2件事之一，或者你没有安装jQuery，这可能是问题所在，或者你收到404错误。
在此处获取 jQuery
将代码更改为：
$('document').ready(() => {
$("#button").click(function () {
$("#maincontainer").load("ajaxTestAlternativeText.txt")
})
})
注意：由于CORS政策，这仅在您使用实际服务器或本地主机(如wamp，ampps，xamp...)打开网页时才有效