Question

我刚开始使用jquery并拥有以下代码：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("hello.txt #p1");
  });
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>

</body>
</html>

当我运行它时，它只是通过使我的div变为空白来响应。什么时候应该只是放文本。文本文件与html文档位于同一文件中。我把它设置为代码的.php格式，文本文件是.txt。

Answer 1

这是基于所呈现的有限信息的有根据的猜测。

该行

$("#div1").load("hello.txt #p1");

分手：

load正在对fetch＆＃34; hello.txt＆＃34;进行Ajax调用。
加载文档时，jQuery会解析文档并查找id为＆＃34; p1＆＃34;的元素。（这就是＃p1＆＃34;是）
该内容已加载到id为div1

我的猜测是你没有一个ID为＆＃34; p1＆＃34;在你的文本文件中。

所以要么给元素一个id为p1

<p id="p1">This is the new text to show.</p>

或删除p1，使其为.load("hello.txt");

Answer 2

$("#div1").load("hello.txt #p1");

您正在尝试加载hello.txt的内容，使用id="p1"提取元素的内容，然后显示该内容。

文件的内容是：

This is a text file.

它不是HTML文档。它没有任何元素（标识为p1或其他），因此无法找到您要搜索的内容。

如果您要加载整个内容，请从#p1字符串中删除load。

jquery加载函数不能用于我的代码。为什么是这样？

2 个答案: