如何将外部文件中的文本插入到 div 中？答案

【问题标题】：How can I insert text from an external file onto a div?如何将外部文件中的文本插入到 div 中？
【发布时间】：2012-12-16 13:46:59
【问题描述】：

正如标题所说；我希望将外部文件 (text,html,php 等) 的内容放到一个 div 上。外部文件中基本上有文本，称为： text_1.txt 或 *text_1.html* ，我希望该文本显示在位于主页上的 div 中。

完美的解决方案是使用非常基本的代码来显示文本或 html 文件中的文本通过将其插入到一个 div 类中：content

这里我用基本代码说明问题，以此为例编写解决方案。

text_1.html 中的代码：

<p>Hello world.</p>

index.html 中的代码：

<!doctype html>
<html>
<head>
<title>Homepage</title>
</head>

<body>


<div class="content"></div>


</body>
</html>

这很简单。我非常感谢我收到的所有答案，谢谢。

PS 这里有一些你应该避免回答的事情：

【问题讨论】：

任何理智的解决方案都可以简单地使用服务器端解决方案 - 为什么不是这个选项？
因为我必须使用不支持 SSI 的服务器。
在这种情况下，我真的建议您更改为不同的托管服务提供商 - 任何在没有某种服务器端脚本的情况下实施的解决方案都将受到严重威胁。（例如：通过JavaScript注入将意味着内容不会被搜索引擎索引等）
@Nikita，不是 SSI，而是 php/python/ruby 或者为什么它们也不能接受？
我尝试了这些，但显然那些语言不喜欢我并决定不工作，所以我不得不求助于蹩脚的 iframe，我强烈反对。

【解决方案1】：

除非您使用 PHP、ASP 或 JSP 使用服务器端包含，否则无法做到这一点

如果你想用 php 来做，你可以用这个：

require_once('filename.php'); /* For including files */

或使用本机函数打开页面中的.txt 文件

【讨论】：

【解决方案2】：

你为什么不直接用 jquery 来做呢

$(document).ready(function() {
 $('.content').load('text_1.html');
});

【讨论】：

由于某种原因似乎不起作用。使用 jquery 1.8.3 应该很好，尽管我在 div 中看不到可见文本。
您的解决方案中的 text_1.html 在哪里？
text_1.html 与包含上述代码的文档位于同一位置。所以如果我没记错的话它应该可以工作。
对我不起作用，给我这个错误 XMLHttpRequest cannot load file:,.跨源请求仅支持协议方案：http、data、chrome、chrome-extension、https、chrome-extension-resource。