Ajax 无法加载txt文件

Question

我是新的 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>

谢谢。

Answer 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>

Ajax 无法加载txt文件

问题描述

1 个解决方案

解决方案1
0 2021-11-27 17:42:04

Ajax 无法加载txt文件

问题描述

1 个解决方案

解决方案1 0 2021-11-27 17:42:04

解决方案1
0 2021-11-27 17:42:04