javascript - 如何使用 php 或 javascript 将包含 html 的 .txt 文件中的内容加载到 div 中

Question

我有一个包含 5 个 div 的索引页。1 div 是标题菜单 div，我在其中放置按钮以链接到网站中的其他页面，但我不想制作 10 个其他 html。在中间区域我有 3 个 div ...在左侧一个垂直空间，我想加载一个带有其他按钮的子菜单，而不是标题菜单中的按钮...但这是另外一回事，中间也有一个与此类似的右垂直 div，但仅包含文本。中间是主要内容的div。这里是我想从外部 .txt 文件加载 html 的地方……所有这一切只需单击菜单中的链接。所以如果我点击主页按钮，我会在主要内容 div 中获得指定的文本（index.txt），如果我点击联系人，我会在主要内容中获得 contact.txt 内容。

Answer 1

当用户单击按钮或锚点时，您可以发出 AJAX 请求以下载 txt 文件的内容。

你熟悉像 jQuery 这样的 js 库吗？使用 jQuery 的简单示例：

<input type="button" id="show_content">Show content</input>
<div id="content_div"></div>
<script type="text/javascript">
  $("#show_content").click(function(){
    $("#content_div").load("/my_text_content.txt");
  });
</script>