Question

的index.html

<frameset rows="150%,35%" framespacing="1" frameborder="yes" border="1">
<div class="refresh"><frame src="messages.php" name="main_frame"></div>
<frame src="main.php" name="login_frame" scrolling="no" noresize target="middle">

我希望刷新div重新加载每X秒。

messange.php

<meta http-equiv="refresh" content="5">
<?php
require_once('inc/chat.inc.php');
$oSimpleChat = new SimpleChat();
echo $oSimpleChat->getMessages();
?>

Chat.inc.php有MySQL查询来获取消息。

我不希望整个页面重新加载，因此我删除了内容刷新

我找到了这个脚本：

<script type="text/javascript">

$(document).ready(function(){
   var j = jQuery.noConflict();
    j(document).ready(function()
    {
        j(".refresh").everyTime(1000,function(i){
            j.ajax({
              url: "messanges.php",
              cache: false,
              success: function(html){
                j(".refresh").html(html);
              }
            })
        })
    });
});

但是当我将该脚本放在我的index.html文件中时，它不会自动刷新。

Answer 1

网址不正确

您使用的是“messange.php”，它应该是“messages.php”

<script type="text/javascript">

$(document).ready(function(){
   var j = jQuery.noConflict();
    j(document).ready(function()
    {
        j(".refresh").everyTime(1000,function(i){
            j.ajax({
              url: "messages.php",
              cache: false,
              success: function(html){
                j(".refresh").html(html);
              }
            })
        })
    });
});

Answer 2

试试这个:(未经测试）

<script type="text/javascript">
    var j = jQuery.noConflict();
    j(document).ready(function(){
        setInterval(function(){
            j.ajax({
              url: "messanges.php",
              cache: false,
              success: function(html){
                j(".refresh").html(html);
              }
            });
        }, 1000);
    });
</script>

每隔X秒自动刷新一次HTML div

2 个答案: