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

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

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

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

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

首先判断浏览器的类型，简便可用navigator.userAgent()获取浏览器的字符串，与浏览器类型做查找即可。

目前对Chrome和firfox区分关闭和刷新成功。

浏览器为firfox时flag为false，Chrome为true。

window.onload(){

window.onunload = function() {

if(flag){

console.log('关闭 *** 作')

}

else {

console.log('刷新 *** 作')

}

}

window.onbeforeunload = function () {

if(!flag){

console.log('关闭 *** 作')

}

else{

console.log('刷新 *** 作')

}

}

}

查询页面在例外一个php做，然后使用Ajax， 也就是你的keyup事件发生后，调用Ajax，ajax可以访问服务器的任何文件，包括php， 并且能返回这个php的运行完成后的输出结果， 而且整个过程是在不刷新页面的情况下完成的， 也就是Ajax在调用服务器文件的时候， 是后台运行的，你看不到他的运行过程的！

至于Ajax具体怎么用，请百度学习一下！

---