美文网首页
SSM框架的(CRUD)_修改_Ajax发送PUT请求引发的血案

SSM框架的(CRUD)_修改_Ajax发送PUT请求引发的血案

作者: 念念碎平安夜 | 来源:发表于2020-01-10 10:31 被阅读0次

一、打开EmployeeController

/**
     * 员工更新方法
     * @param employee
     * @return
     */
    @ResponseBody
    @RequestMapping(value="/emp/{empId}",method=RequestMethod.PUT)
    public Msg saveEmp(Employee employee){
        employeeService.updateEmp(employee);
        return Msg.success();
    }

二、打开EmployeeService

/**
     * 员工更新
     * @param employee
     */
    public void updateEmp(Employee employee) {
        // TODO Auto-generated method stub
        employeeMapper.updateByPrimaryKeySelective(employee);
    }

三、把员工的id传递给模态框的更新按钮

//3、把员工的id传递给模态框的更新按钮
$("#emp_update_btn").attr("edit-id",$(this).attr("edit-id"));

四、发送请求

//点击更新,更新员工信息
        $("#emp_update_btn").click(function(){
            //验证邮箱是否合法
            //1、校验邮箱信息
            var email = $("#email_update_input").val();
            var regEmail = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;
            if(!regEmail.test(email)){
                show_validate_msg("#email_update_input", "error", "邮箱格式不正确");
                return false;
            }else{
                show_validate_msg("#email_update_input", "success", "");
            }
            //2、发送ajax请求保存更新的员工数据
            $.ajax({
                url:"${APP_PATH}/emp/"+$(this).attr("edit-id"),
                type:"PUT",
                data:$("#empUpdateModal form").serialize(),
                success:function(result){
                    //alert(result.msg);
                    //1、关闭对话框
                    $("#empUpdateModal").modal("hide");
                    //2、回到本页面
                    to_page(currentPage);
                }
            });
        })

五、全局变量currentPage

var totalRecord,currentPage;

六、构建分页信息时

currentPage = result.extend.pageInfo.pageNum;

相关文章

网友评论

      本文标题:SSM框架的(CRUD)_修改_Ajax发送PUT请求引发的血案

      本文链接:https://www.haomeiwen.com/subject/oprkactx.html