Question

我试图在按下按钮时运行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文件，但这也不起作用。

Answer 1

2件事之一，或者您没有安装jQuery，这可能是问题所在，或者出现404错误。

获取jQuery here

将代码更改为：

$('document').ready(() => {
    $("#button").click(function () {
      $("#maincontainer").load("ajaxTestAlternativeText.txt")
    })
  })

注意：只有在由于CORS政策而使用实际服务器或本地主机（例如wamp，ampps，xamp ...）打开网页时，这才起作用

按下按钮时Ajax.load无法正常工作

1 个答案: