0

我正在寻找一种在不刷新整个页面的情况下每 5 秒刷新一次 div 的方法。

我有一个名为 mod_chat.php 的页面,我将其包含在我的页面 profile.php 中,因此:

<?php include('includes/mod_profile/mod_chat/mod_chat.php'); ?>

在 mod_chat.php 中是我想每 5 秒重新加载一次但不刷新整个页面的 div,我尝试过的一切都不起作用,请有人告诉我如何解决这个问题。

这是我尝试过的:

<div class="chat_box">
<div class="chat_box_head"><div class="chat_box_head_text">You and  <?php
$chat_set_name = chat_set_name();
while ($chat1 = mysql_fetch_array($chat_set_name)) { ?><?php echo "".$chat1['display_name']."" ?><? } ?></div><div class="chat_close"></div></div>
<div class="chat_content">
<?php
    $chat_set = get_chats_to();
while ($chat = mysql_fetch_array($chat_set)) {
    if (isset($_SESSION['user_id'])) { 
        if ($chat['to_user_id'] == $_SESSION['user_id']){ ?>
             <?php echo "<div class=\"chat_row\">".$chat['content']."<br/><a href=\"#\">{$chat['display_name']}</a></div>"; ?>


        <? } } }?>

       </div>

javascript:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
var auto_refresh = setInterval(
function ()
{
   $('.chat_box').load('mod_chat.php');
}, 05000); // refresh every 05000 milliseconds
</script>
4

1 回答 1

2

你能做到这一点;

function get_chat()   {




$.get('/mod_chat.php', {}, function(data ) {


        $("#div").html(data);
        //optional code, if you wanted the chat box to have a scroller and automatically move to bottom when messages are loaded.
        var textarea = document.getElementById('divid');
            textarea.scrollTop = textarea.scrollHeight;

    });

    //load messages every 4 seconds
    setInterval("get_chat();", 4000);


}

然后在文档加载中,您将调用该函数;

 $(document).ready(function(){
        get_chat();
    });
于 2013-03-28T02:19:16.867 回答