javascript – 如何自动更新html内容？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何自动更新html内容？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1119字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试创建一个FB新闻源,但用于显示数据库中的内容.
我的代码已经读取了表的行数,但是在更新html的内容之前需要刷新页面.

这是我的代码：

我的html文件的一部分：

<section id="reportcontent"></section>
<script>
    (function refreshNews()
    {
        $("#reportcontent").load("php/ajax.php");
    })();
    setInterval('refreshNews()',1000); 
</script>

ajax.php的内容

<?php 
    require("database.php");

    $sql = "SELECT * FROM report";

    $res = odbc_exec($conn,$sql);

    while($feedItem = odbc_fetch_array($res))
    {
        echo "hello! <br>";
    }
?>

正如您所看到的,我表中的每一行都会回显一个问候文本.但是为了查看我需要刷新页面的新行数.感谢帮助！

解决方法:

这应该工作.您将函数名称作为字符串传递给setInterval,方法是将其包装在”中.它应该只是调用函数,如

setInterval('refreshNews',1000); 

还不确定这只是一个示例,但PHP代码不会为表生成行.只是一个换行符.

我们也在这里.使用Ajax调用的间隔是不好的做法.原因是请求可能需要比间隔时间更长的时间,并且最终会同时运行多个调用.在AJAX.load()的回调函数中使用setTimeout

function refreshNews()
    {
       $("#reportcontent").load("php/ajax.php", function(){setTimeout(refreshNews, 1000);});
        
    }();


window.onload= function(){
    refreshNews(); 
  }

<section id="reportcontent"></section>

内容总结

以上是互联网集市为您收集整理的javascript – 如何自动更新html内容？全部内容，希望文章能够帮你解决javascript – 如何自动更新html内容？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端