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

Question

我有5个div的索引页。 1 div是标题菜单div，在其中我放置了一些按钮以链接到网站上的其他页面，但我不想像其他10个html一样。 在中间区域，我有3个div ...在左侧有一个垂直空间，我想在该子菜单中加载带有除标题菜单中的按钮之外的其他按钮的子菜单...但这是其他内容，也在中间区域与此类似的右垂直div，但仅包含文本。 在中间的中心是主要内容div。 这是我要在其中加载HTML格式的外部.txt文件的地方...而所有这些，只需单击菜单中的链接即可。 因此，如果我单击“主页”按钮，则会在主要内容div中获得指定的文本（index.txt），如果我单击“联系人”，则会获得主要内容中的contact.txt内容。 这样，我只有索引文件为html，而其他文件仅为文本。

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>