有参数时如何使用setInterval（）？

Question

I'm trying to get a single div on a php page to refresh every 5 seconds.

In HTML I have: EDIT: NEW SCRIPT FUNCTION

<script>
     $(document).ready(function(){
        var callAjax = function(){
            $.ajax({
                method:'get',
                url:'game.php',
                success:function(data){
                    $("#read_chat").html(data);
                }
            });
        }
        setInterval(callAjax, 5000);
     });
</script>

And the function (in a php block) I'm trying to refresh is:

echo" <div class='read_chat' >";
   function get_messages($db){
       //get messages
       $get_m = "select user_name, message, time, character_name from Chat NATURAL JOIN User LEFT OUTER NATURAL JOIN Character where Chat.game_id =".$_SESSION[game_id]." ORDER BY Chat.chat_id;";
       $messages = $db->query($get_m);

       //display messages
       foreach ($messages as $row) {
           //display each message in row
           if ( $row['character_name'] == NULL){
                echo "<div class='left'>" . $row['user_name'] . ": </div>";
           }
           else {
                echo "<div class='left'>" . $row['character_name'] . ": </div>";
           }
           echo "<div class='center'>" . $row['message'] . "</div>";
           echo "<div class='right'>" . $row['time'] . "</div>";
        }
   }
echo "</div>";

The display of this is only the CSSed block without any content. If I just call get_messages($db) all the chat from the database loads. How do I make this div refresh automatically? Thanks!

EDIT: The name of the file is "game.php" and the php function is "get_messages()".

For the record I looked at: http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

and

Pass parameters in setInterval function

Answer 1

Javascript

setTimeout(function(){
    $.ajax({url: "get_message.php", success: function(result){
        var num_records = result.length,
            i,
            content;
            for(i=0;i<num_records;i++){
                if (result[i]['character_name'] !== null){
                    content += "<div class='left'>" + result[i]['character_name'] +": </div>";
                }
                else{
                    content += "<div class='left'>" + result[i]['user_name'] +": </div>";
                }
                content += "<div class='center'>" + result[i]['message'] + "</div><div class='right'>" + result[i]['time'] + "</div>";
            }

        $('.read_chat').html(content);

    }});
 }, 5000);

get_message.php

$get_m = "select user_name, message, time, character_name from Chat NATURAL JOIN User LEFT OUTER NATURAL JOIN Character where Chat.game_id =".$_SESSION[game_id]." ORDER BY Chat.chat_id;";
$messages = $db->query($get_m);
$response = array();
foreach ($messages as $row) {
    $response[] = $row;
}
echo json_encode($response);

Answer 2

I'd suggest using jQuery $.load , see the example below:

setTimeout(function(){
    $('.read_chat').load('get_message.php');
}, 5000);

You'll need to return nice html from the PHP script instead, but it's cleaner.