【发布时间】：2013-10-30 06:28:41
【问题描述】：
我在我的网站上创建了一个网页，该网页每 1-60 分钟（随机/变化）获取内容更新，起初我使用以下方法自动刷新网页：
<meta http-equiv="refresh" content="30" >
但是，这在滚动和通常使用网页时非常烦人。
我曾想过在单独的网页上使用 iframe，如下所示：
<iframe src="output.html" width="2500" height="10000" frameborder="0" allowfullscreen></iframe>
但是，这又会引发更多问题，因为它不刷新（如果我删除元标记），并且我的原始网页高度会根据页面上的数据量而有所不同。
我正在寻找一些建议/代码帮助，以获取仅在内容更新时刷新主网页的方法。 （建议的解决方案是 HTML、PHP 还是任何其他语言都没有关系）
任何建议或建设性的cmet将不胜感激。
提前致谢
- 海福克斯
编辑：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="refresh" content="5" >
<title>data data data data data</title>
<style type="text/css">
<!--
@import url("style.css");
-->
</style>
</head>
<body>
<table id="gradle" summary="main">
<thead>
<tr>
<th scope="col">data</th>
<th scope="col">data</th>
<th scope="col">data</th>
<th scope="col">data Rank</th>
<th scope="col">data Odds</th>
<th scope="col">data</th>
<th scope="col">data</th>
<th scope="col">AV10</th>
<th scope="col">data Rank</th>
<th scope="col">data</th>
<th scope="col">data Rank</th>
<th scope="col">data</th>
<th scope="col">data</th>
<th scope="col">Age</th>
<th scope="col">data</th>
<th scope="col">data</th>
<th scope="col">data 14 Day</th>
<th scope="col">data CSR</th>
<th scope="col">data TSR</th>
<th scope="col">data</th>
<th scope="col">data 14 Day</th>
<th scope="col">data CSR</th>
<th scope="col">data TSR</th>
<th scope="col">data</th>
<th scope="col">data data</th>
<th scope="col">data data</th>
<th scope="col">data data</th>
<th scope="col">data data</th>
<th scope="col">data data</th>
<th scope="col">data</th>
<th scope="col">data</th>
<th scope="col">data</th>
<th scope="col">data</th>
<th scope="col">data</th>
</tr>
</thead>
<tbody>
<tr><td>data</td><td>data</td><td>data data</td><td>data</td><td>data</td><td>5f 212y</td><td><div align="left">2</div></td><td>117.88</td><td>1</td><td>117.88</td><td>1</td><td>-1</td><td> </td><td>2</td><td>22</td><td>data</td><td>14</td><td>data</td><td>data</td><td>Tdata</td><td>6</td><td>data</td><td>135.0%</td><td>data</td><td>555.0%</td><td>0.0%</td><td>10.0%</td><td>2</td><td>data</td><td>data</td><td>£45552.43</td><td></td><td>data</td><td>data</td><tr>
</tbody>
</table>
</body>
</html>
感谢下面的帖子，我最接近的是：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
update_content()
$(document).ready(function (e)
{
var refresher = setInterval("update_content();", 250);
})
function update_content()
{
$.ajax(
{
type: "GET",
url: "output.html",
timeout: 10000,
cache: false,
})
.done(function (page_html)
{
var newDoc = document.documentElement.innerHTML;
if (page_html != newDoc)
{
alert("LOADED");
var newDoc = document.open("text/html", "replace");
newDoc.write(page_html);
newDoc.close();
}
});
}
</script>
【问题讨论】：
-
您可以使用客户端库吗？喜欢Knockout.js？就像你说的那样，它非常适合要求。
-
我看过它，但无法从中得到任何工作，我所需要的最接近我需要的是 Websters 代码，它几乎适合我的需要。
-
它真的对你有用吗？
newDoc删除 doctype 声明和 html 标签...
标签： javascript php jquery html