Question

我正在创建一个聊天系统，我使用的是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文件，如果有新结果（在我的情况下是消息），应使用appendchils JS方法使用结果更新messages_box DIV。

我想创建一个聊天消息系统，如果在加载外部php fild时遇到新结果，它将获取消息。我想使用appendchild方法，因为通过这样做我几乎会在div中添加一个新子，而不是刷新整个div。我绝对需要附加东西，而不是再次加载整个DIV。

Answer 1

在我看来，您正在寻找的是AJAX请求。

以下是我如何设置的：

设置数据库以存储消息
拥有一个具有各种功能的PHP文件，用于检索数据库或从数据库发送消息。
使用javascript创建另一个PHP / HTML文件，定期向其他PHP文件创建AJAX请求。

有大量关于如何使用纯javascript创建ajax请求的文档，但我个人更喜欢使用jQuery .ajax() function。

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

1 个答案: