使用从外部文件获取数据的appendchild命令自动刷新JS

我正在创建一个聊天系统，我使用html/php/jquery。

如何使用javascript自动刷新功能将数据从外部文件附加到div的子文件?

我的代码:

<script>
    var auto_refresh = setInterval(
    function()
    {
        $('#messages_box').load('refresh_messages.php');
    }, 1000);
</script>

上面的代码用从提到的文档中抓取的数据刷新整个DIV。

<script>
    var auto_refresh = setInterval(
    function()
    {
        var textnode=document.createTextNode("Water");
        document.getElementById("messages_box").appendChild(textnode);
    }, 1000);
</script>

上面的代码，将文本追加到我想要的div。

我想"组合"这两个并得到以下结果:

每秒钟自动刷新一个外部php文件，如果有新的结果(在我的情况下是消息)，messages_box DIV应该使用appendchils JS方法更新结果。

我想创建一个聊天消息系统，将抓取消息，如果一个新的结果是加载外部php字段时遇到。我想使用appendchild方法，因为这样我实际上是在给div添加一个子元素，而不是刷新整个div，我绝对需要追加内容，而不是再次加载整个div