基於maven+ssm的增刪改查之刪除單條數據

流程：點擊刪除按鈕，彈出是否刪除，點擊刪除，彈出是否刪除成功信息。

還是在后端中有相關方法：

EmployeeController.java

    
    @ResponseBody
    @RequestMapping(value="/emp/{id}",method=RequestMethod.DELETE)
    public Msg deleteEmpByid(@PathVariable("id") Integer id) {
        employeeService.deleteEmp(id);
        return Msg.success();
    }

EmployeeService.java

    public void deleteEmp(Integer id);

EmployeeServicfeImpli.java

    @Override
    public void deleteEmp(Integer id) {
        // TODO Auto-generated method stub
        employeeMapper.deleteByPrimaryKey(id);
    }

然后是在list.jsp中要給刪除按鈕賦予刪除的id屬性：

        var delBtn = $("<button></button>").addClass("btn btn-danger btn-sm delete_btn")
                                        .append($("<span></span>").addClass("glyphicon glyphicon-trash"))
                                        .append("刪除");
        delBtn.attr("del-id", item.empId)

新建一個delete.js

//刪除
$(document).on("click",".delete_btn",function(){
    //1.彈出是否刪除
    var empName = $(this).parents("tr").find("td:eq(1)").text();
    var empId = $(this).attr("del-id");
    if(confirm("確認刪除【"+empName+"】嗎？")){
        $.ajax({
            url:"/curd_ssm/emp/"+empId,
            type:"DELETE",
            success:function(result){
                alert(result.msg);
                to_page(currentNum);
            }
        });
    }
});

記得在index.jsp中引用：

    <script type="text/javascript" src="${APP_PATH}/static/myjs/delete.js" ></script>

啟動服務器：

點擊刪除123456789這項：

 

點擊確定：

點擊確定：刪除成功

這回直接發送DELETE請求都可以，真是奇了怪了。