怎么在PHP网页上点击数据出现文本框并可以修改和提交,用AJAX把数据更新到数据库同时刷新页面,求代码

2024-11-22 15:21:12
推荐回答(1个)
回答1:

//这个正好手头正在做的一个项目中用到,提供思路,可以自由扩充
//在页面加载的时候注册一下 ,就是给要点击的地方添加事件或者是属性
//页面源码

    
        点击这里会出现文本框
    



//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 = $("");
        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调用按钮点击,实现重新读取数据

=================望采纳!