js怎么实现及时更新数据库的数据展现在前台页面

页面本身是不具备保存历史数据的功能的，需要借助其它手段来实现，常用方法如下：

异步更新页面。这种方法实际上页面是没有刷新的，通过AJAX导步获取信息来更新页面，这样可以保留原页面需要保留的数据。一些网站的发表评论后，评论内容更新，用的就是这个方法。

使用COOKIE保存。把需要保存的数据存储到COOKIE中，页面更新时，读取COOKIE渲染到页面上。比较常见的如：登录框记录用户名，下次登录无须重新输入。但COOKIE存储的数据量有限，不适合大的数据存储。

服务器端保存数据。与COOKIE保存类似，只不过内容是保存在服务器端，利用会话机制在页面更新时从服务器读取内容重新渲染。这是一种常见的而保险的方法。像一些文本编辑器，保存草稿等，就是通过这样的方式实现的

前端页面是不会自动去更新内容的，只是获取到某个时间点数据库的数据内容，当数据库内容更新后，前端不重新去请求页面是不会更新的。一般业务场景下，数据库的内容更新未必会实时反映到页面，也没必要。如需要实时更新的场景，就需要服务器端做消息推送，如站内信、邮件等。这都是需要在后台服务器端编程的，不是靠前端做的；前端页面直接去访问数据库？开玩笑，做不做得到先不谈，安全性就无法保证。前端只负责发起请求和获取数据并呈现，至于怎么调用数据库不是前端关心的，也不必关心，那是属于后端的任务。

html5以前：

实时是不行的，因为http是无状态会话，服务器压根就没办法通知浏览器数据变化。

这种功能，只能设置计划任务，ajax定期去服务器上抓数据，互联网上的数据实时性要求都不会很高，比如baidu的指导，约15s刷新一次数据。

html5，可以考虑websocket与服务器保持一个长链接，