Ajax 无法加载 txt 文件答案

【问题标题】：Ajax can't load txt fileAjax 无法加载 txt 文件
【发布时间】：2022-01-04 23:46:50
【问题描述】：

我是新的 AJAX 用户，我遇到了 AJAX 加载问题。我从 w3schools 学习 ajax，我尝试做一个文件，当有人按下按钮时，h2 div 会改变。这是代码：

<!DOCTYPE html>
<html>
<head>
    <script
    src="https://code.jquery.com/jquery-3.6.0.min.js"
    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
    crossorigin="anonymous"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("new.txt");
  });
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

<button>Get External Content</button>

</body>
</html>

这是新的.txt：

<p>asdasd</p>

谢谢。

【问题讨论】：

错误是什么？ CORS?
就是不要改变div
这是现象，不是错误日志。我想要F12中的错误日志。
你看到我的回答了吗？

标签： javascript html jquery css ajax

【解决方案1】：

你需要把 h2 放在你的选择器中

$(document).ready(function(){
  $("button").click(function(){
    $("#div1 h2").load("https://gist.githubusercontent.com/thewheat/bb67f632950c7feaf4b8a2f3febbd98a/raw/02feb16f6fac5edf8e6df7e287dbb08b53cc38c1/Test.txt");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

<button>Get External Content</button>

【讨论】：