Question

目前，我有一段简单的代码可以在网站上显示消息。该页面包含一个每90秒自刷新一次的iframe，iframe显示仅限于最近（30）个帖子的mysql表的内容。

我一直在阅读ajax并且它仍然让我困惑，我从来没有让它正常工作，并且想知道，对于像这样的小任务，它真的值得吗？

<head>
<META HTTP-EQUIV="refresh" CONTENT="90; URL=">
</head>
<body>
<? 
$newsarray = array();
$sql = "SELECT * FROM `news` ORDER BY `date` DESC LIMIT 30";
$result = mysql_query($sql);
if(mysql_error()) { print mysql_error(); } else {
    while($stuff = mysql_fetch_assoc($result)) 
{ array_push($newsarray, $stuff); }

foreach($newsarray as $newsstory) { ?>
<div class="newsstory">
    <h2><? echo $newsstory['headline']; ?></h2>
    <div><? echo $newsstory['story']; ?></div>
    <label>By <? echo $newsstory['user']; ?> on <? echo $newsstory['date']; ?></label>
</div>  
<? } ?>
</body>

Answer 1

就像将jQuery库添加到现有页面并添加以下代码一样简单：

<div id="result"></div>
<a href="javascript: updatestuff();">Manually Fetch Page</a>

<script language="javascript">
function updatestuff() {
    $.ajax({
        url: 'mypage.php', // The source
        cache: false, // Make sure results are not cached
        success: function (data) {
            $('#result').html(data); // Update data once retrieved
        }
    });
}

setInterval("updatestuff()",90000); // In Milliseconds
</script>

这将每隔90秒运行一次updatestuff()函数，这将使用mypage.php中提取的内容更新<div>。

Answer 2

如果你想要每隔30秒自动更新一次，那么肯定是Ajax。

有人说（我自己也包括）你不会使用jQuery来做这件事。

iframe还是Ajax？

2 个答案: