Ajax 无法加载 txt 文件

Posted

技术标签:

【中文标题】Ajax 无法加载 txt 文件【英文标题】:Ajax can't load txt file 【发布时间】: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中的错误日志。 你看到我的回答了吗? 【参考方案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 文件的主要内容,如果未能解决你的问题,请参考以下文章

Wordpress 无法通过 ajax 请求加载正确的语言 mo 文件

无法将制表符分隔的 Txt 文件从 S3 加载到 Redshift

jQuery 无法处理 AJAX 加载的 html 内容

SQL出错,无法进行大容量加载

AJAX 加载的图像无法在 Safari 中正确显示

选择2“无法加载ajax结果”