javascript - PHP Ajax 仅加载新内容

Question

我现在正在开发一个简单的聊天，它已经可以工作了，但是效率不是很高。每当我运行脚本时，它都会刷新整个聊天并一遍又一遍地加载内容。

我正在尝试找到一种方法，使脚本仅从我的聊天数据库加载新内容，旧消息不应一遍又一遍地加载。

这是我的index.php 中的部分:

<div id="chat" class="full rund">

<table border="1" class="full chattable">
            <?php
            $abfrage = "SELECT * FROM chat";
            $ergebnis = mysql_query($abfrage);
            while($row = mysql_fetch_object($ergebnis)) {?>
                <tr class="chattr">
                    <td style="width:200px;"><h3 class="text">&#428;&#968;&#428; &#9762; <?php echo $row->name;?>:</h3></td>
                    <td style="width:440px;"><p><h3 class="text"><?php echo $row->text;?></h3></p></td>
                    <td style="width:160px;"><h3 class="text"><?php echo $row->timestamp;?></h3></td>
                </tr>
            <?php
            }
            ?>
        </table>
    </div>

这是我的 chat.js:

setInterval( "updateShouts()", 1000 );

function fx(form,target){
var _target=target;
var url=form.action;  
var data=$(form)[(form.method.match(/^post$/i))?'serializeArray':'serialize']();
$(_target).load(url,data,function(){setTimeout(function(){
$(_target).empty();
},0);});
return false;} 

函数 updateShouts(){
$('#chat').load('php/latestMsg.php');
}

我的latestMsg.php(与索引相同):

<div id="chat" class="full rund">

    <table border="1" class="full chattable">
                <?php
                $abfrage = "SELECT * FROM chat";
                $ergebnis = mysql_query($abfrage);
                while($row = mysql_fetch_object($ergebnis)) {?>
                    <tr class="chattr">
                        <td style="width:200px;"><h3 class="text">&#428;&#968;&#428; &#9762; <?php echo $row->name;?>:</h3></td>
                        <td style="width:440px;"><p><h3 class="text"><?php echo $row->text;?></h3></p></td>
                        <td style="width:160px;"><h3 class="text"><?php echo $row->timestamp;?></h3></td>
                    </tr>
                <?php
                }
                ?>
            </table>
        </div>

我希望有人能帮助我，我已经搜索了很长时间，但找不到任何可以解决我的问题的东西!谢谢:)

Answer 1

2 个解决方案。

1. 当然，您需要一种方法将每个用户的消息标记为已读。

2. 您可以忽略它，只读回最后 X 条消息。