无法使用Jquery Load方法在HTML元素中加载数据

Question

我正在制作ASP.NET MVC应用程序，我想在html元素中加载数据而不重新加载整个页面。但这是行不通的。我观看了所有视频并阅读了所有教程，但是找不到我的代码中的错误。

在“索引”页面的末尾，我有以下代码：

<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
</script>

<script>
$(document).ready(function () {
    $("#2a").click(function () {
        $("#div1").load('T.txt');
    });
});
</script>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button id="2a">this is button</button>

这是对应的图片：

这是我的T.txt文件：

Answer 1

您在这里行得通。

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button onclick="loadDoc()">this is button</button>

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

Answer 2

您的T.txt在yourProject/Views/Home中。 ASP.NET MVC无法提供那里的文件。 您需要将T.txt移至yourProject/Content，然后：

$(document).ready(function () {
    $("#2a").click(function () {
        $("#div1").load('/Content/T.txt');
    });
});