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

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

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

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

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

//这个正好手头正在做的一个项目中用到，提供思路，可以自由扩充

//在页面加载的时候注册一下 ，就是给要点击的地方添加事件或者是属性

//页面源码

<table>

    <tr>

        <td class="canChange">点击这里会出现文本框</td>

    </tr>

</table>

//JS

$(document).ready(function(){

    td_Click()

})

//点击事件

function td_Click() {

    $(".canChange").click(function () {

        var td = $(this)

        //所点文本框的id

        var id = $(this).attr("id")

        var txt = $.trim(td.text())

        

        var input = $("<input class=\"myinput\" id='new'  type='text'value='" + txt + "'style=\"width:80%heigth:100%\"/>")

        td.html(input)

        input.click(function () { return false })

        //获取焦点 

        input.trigger("focus")

        //文本框失去焦点后提交内容，重新变为文本 

        input.blur(function () {

            // var newtxt = $(this).val()

            var newtxt = $("#new").val()

            //判断文本有没有修改 

            if (newtxt != txt) {

                if (newtxt == null || newtxt == "") {

                    td.html(txt)

                }

                else {       

                    //表示已经修改

                    $.post(.......)//提交

                    td.html(newtxt)

                }

            }

            else {

                td.html(txt)

            }           

        })

    })

}

刷新页面可以通过 JQ的 Fresh方法来实现，

或者是是控件刷新来实现，

比如  $("#btnSearch").click()这样通过JQ调用按钮点击，实现重新读取数据

=================望采纳！

$.ajax({type: "",url: "",data: "", dataType: "json",success: function (data) {

//这里处理返回的结果

//type为数据提交的方式post或者get

//data表示要提交的数据 方式为 {name1:value1,name2:value2.....等等}

//dataType表示数据处理后返回的数据类型 一般返回json的数据类型 使用$.each进行循环 *** 作

//success表示数据请求成功后执行的动作

}})

---