• php+MySQL实战案例【七】数据编辑、删除


    ​本节内容中讲解用户管理模块中的修改用户信息和删除用户。

    修改用户信息:

    可对选择的用户记录进行编辑,可修改用户名、密码、性别、手机、邮箱和地址信息。

    删除用户信息:

    将列表中指定的用户进行删除操作。

    二、编辑用户信息

    编辑用户信息:

    在列表中选择某一条记录,点击编辑时将改记录的Id传递给编辑页面。由编辑页面根据Id把该条记录的信息查询,并将结果填充到编辑表单。用户编辑之后点击保存时,收集表单的信息传递给PHP去更新数据库表中的内容。工作流程参见下图:

    关键代码:

    点击编辑时传递Id给编辑页面:

               

    function Edit(Id){

                    x_admin_show("编辑","member-edit.php?Id="+Id,400,600);

                }

    编辑界面根据Id进行数据查询并将结果填充到编辑表单:

    $.ajax({

                            url: "action/GetUserById.php", 

                            dataType: "json", 

                            async: true,

                            data:{

                                Id:Id

                            },

                            type: "POST", //请求方式

                            success: function (req) {

                               if (req.length>0) {

                                $("#Id").val(req[0].Id);

                                $("#username").val(req[0].username);

                                $("#password").val(req[0].password);

                                $("#sex").val(req[0].sex);

                                $("#email").val(req[0].email);

                                $("#phone").val(req[0].phone_number);

                                $("#address").val(req[0].address);

                               }

                            },

                            error: function () {

                                alert("数据接口请求错误!");

                            }

                 

                        });

    用户编辑之后的保存:

    function save(){

                //alert($('#EditFrom').serialize());

                $.ajax({

                        url: "action/UpdateUserById.php", 

                        //dataType: "json", 

                        async: true,

                        data: $('#EditFrom').serialize(),//将表单的值序列化作为参数提交 

                        type: "POST", //请求方式

                        success: function (req) {

                            if (req=='200') {

                                alert("已保存!");

                                var index = parent.layer.getFrameIndex(window.name); //获取子页面索引

                                parent.layer.close(index);//关闭子页面

                                parent.location.reload();//刷新父页面

                            }else{

                                alert("保存失败!");

                            }

                        },

                        error: function () {

                            alert("数据接口请求错误!");

                        }

             

                    });

              }

     三、删除用户信息

    删除用户信息:

    在列表选择一条记录进行删除,将该记录的Id传递给一个负责删除用户信息的PHP,将指定Id的用户记录从数据库端删除。工作流程参见下图:

     

    关键代码

    根据Id删除用户信息:

    function Delete(Id){

                    $.ajax({

                            url: "action/DelUserById.php", 

                            //dataType: "json", 

                            async: true,

                            data:{

                                Id:Id

                            },

                            type: "POST", //请求方式

                            success: function (req) {

                               if (req=='200') {

                                alert("已删除!");

                                location.reload();//刷新当前页面

                            }else{

                                alert("删除失败!");

                            }

                            },

                            error: function () {

                                alert("数据接口请求错误!");

                            }

                 

                        });

                }

    后续

    php+MySQL实战案例【八】用户注册

  • 相关阅读:
    JavaScript 利用 filter+正则表达式对 list进行过滤包括模糊匹配
    odoo恢复数据库后,登录之后,显示空白页的问题
    Vue修改对象的属性值后页面不重新渲染问题
    智慧树(知到)刷课软件更新详情
    【C#】对两张图片进行矩阵运算会怎么样?
    DICOM协议中的UID详解
    DICOM医学文件的解析
    robots.txt协议——网络爬虫的“盗亦有道”
    机器学习算法之Kmeans算法(K均值算法)
    OPENGL shader 知识点
  • 原文地址:https://www.cnblogs.com/soulsjie/p/12666877.html
Copyright © 2020-2023  润新知