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

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

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

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

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

方法和详细的 *** 作步骤如下：

1、第一步，打开HBuilder工具，并在Web项目的js文件夹中创建一个新的JavaScript文件ConnDB.js，使用require（）引入mysql模块，然后将该值分配给变量mysq，见下图，转到下面的步骤。

2、第二步，完成上述步骤后，调用createConnection（）方法设置主机，用户名，密码，端口并返回数据，见下图，转到下面的步骤。

3、第三步，完成上述步骤后，调用mysql模块中的connect（）方法以连接到mysql数据，见下图，转到下面的步骤。

4、第四步，完成上述步骤后，编写查询语句SQL并将其作为字符串分配给变量sq，见下图，转到下面的步骤。

5、第五步，完成上述步骤后，调用query（），根据返回值判断结果，然后打印返回，见下图。这样，就解决了这个问题了。