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

2019-07-02 15:17:09 阅读：691 来源： 互联网

我正在尝试创建一个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>

标签：jquery,php,javascript,ajax,html
来源： https://codeday.me/bug/20190702/1357296.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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