...和提交,用AJAX把数据更新到数据库同时刷新页面,求代码

发布网友

我来回答

共1个回答

热心网友

//这个正好手头正在做的一个项目中用到，提供思路，可以自由扩充
//在页面加载的时候注册一下 ，就是给要点击的地方添加事件或者是属性
//页面源码
<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调用按钮点击，实现重新读取数据

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