1

我希望通过单击按钮来更改网页内容的一部分。但是，我希望更改的内容包括格式本身，并且我希望将内容放在单独的文档中。

我希望它看起来像这样，但我可以接受任何解决方案：

<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 语句上，但我不知道如何适当地更改它。谢谢。

4

2 回答 2

1

基本上服务器端包含在这种情况下不起作用；您将不得不求助于 AJAX 请求。

您没有用标记您的问题，但您可以阅读它在幕后的作用：

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

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

于 2012-12-17T03:16:29.597 回答
0

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

于 2012-12-17T03:12:49.270 回答