0

ページ全体を更新せずに 5 秒ごとに div を更新する方法を探しています。

私は自分のページ profile.php に含めている mod_chat.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 に答える