使用从外部文件获取数据的appendchild命令自动刷新JS
Auto refresh JS with appendchild command that grabs data from an external file
我正在创建一个聊天系统,我使用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
在我看来,你正在寻找的是一个AJAX请求。
我是这样设置的:
- 设置一个数据库来存储消息
- 有一个PHP文件与各种函数检索和发送消息到/从数据库
- 使用javascript创建另一个PHP/HTML文件,定期向另一个PHP文件创建AJAX请求
关于如何使用纯javascript创建ajax请求有大量的文档,但我个人更喜欢使用jQuery .ajax()函数。
相关文章:
- 强制模板刷新ember.js
- 如何通过ajax刷新JSF填充的javascript变量
- 当我点击jsf中的primefaces命令按钮时,如何获得点击事件
- 如何解决Yii中的页面刷新问题
- 如何使用Socket.io将命令从客户端发送到服务器
- Jquery提交表单而不刷新
- 通过命令行/批处理文件打开页面时,将javascript代码注入Google Chrome
- 刷新页面后会出现警报
- 刷新后保留对网页的更改
- 如何在不刷新页面的情况下更新显示框
- 重定向时角度刷新浏览器
- 如何防止jQueryonclick事件中的Ruby方法在页面刷新时执行
- Javascript,输出结果后页面不断刷新
- $(document).height()在刷新时随机化值(Safari 5.1.10)
- 刷新父窗口后无法关闭窗口
- 如何使命令按钮不重新加载/刷新页面
- 使用从外部文件获取数据的appendchild命令自动刷新JS
- SSE与刷新js命令
- 通过来自服务器的命令刷新 DIV
- Jsf命令按钮调用javascript函数,然后刷新整个页面