Question

我想在点击按钮时更改网页内容的一部分。但是，我想要更改的内容包括格式化本身，我希望将内容放在单独的文档中。

我希望它看起来像这样，但我可以解决任何问题：

<html>
<head>
<script type="text/javascript">
function swap() {
  document.getElementById('toChange').innerHTML = '<!--#include virtual="../newContent.htm"-->';
}
</script>
</head>
<body>
<span id="toChange">Temp Text</span>
<input type="button" onclick="swap()" value="Change" />
</body>
</html>

问题显然在swap（）中的include语句，但我不知道如何适当地更改它。感谢。

Answer 1

基本上服务器端包含在此上下文中不起作用;你将不得不诉诸AJAX请求。

您没有使用jquery标记您的问题，但您可以阅读它在幕后所做的事情：

function swap() {
    $('#toChange').load('../newContent.htm');
}

jQuery.load()使用AJAX调用从../newContent.htm读取内容，然后将该HTML存储在toChange范围内。

Answer 2

据我所知，您可能需要JSON和AJAX来满足您的要求。我知道在不提出新请求的情况下更改数据内容主要是使用JSON和AJAX。它将动态更新页面而无需重新加载。 JSON内置于Javascript中，因此您实际上是在正确的路径上。希望它有所帮助。

将innerHTML更改为附近的文档

2 个答案: