Spring Boot @DeleteMapping

 

使用DELETE方式進行交互前端

說明:ResponseData爲自定義返回體{String code, String msg, List<?> data}ajax

           PollutionData 爲一個entity  屬性部分包含{String id, String name}spring

           CodeEnum、MsgEnum爲自定義枚舉類,定義了一些常量json

           兩種方式皆測試過springboot

           環境:win7+idea2018.2+jdk10.0.2+springboot  前端編輯工具爲hbuilderapp

兩種方式:ide

一、工具

//方法一 使用POST+ _method:"DELETE" + filter(springboot不須要咱們配置) 
//這裏的傳輸對象爲json對象,後臺直接接受
var r=confirm("方法一:確認刪除該條數據?");
if(r){
    //var data = {_method:"DELETE", id:"456456",name:"徵集"};
    var data = {_method:"DELETE"};//_method:"DELETE"必須,其餘屬性看你需求
    $.ajax({
        url:"http://192.168.2.116:8080/pollution/delete/1786vdsds863",
        type:"POST",
        data:data,
        dataType:"json",
        success:function(result){
            alert(result.msg);
        }

    });        
}
@DeleteMapping("/pollution/delete/{id}")
public ResponseData deletePollutionById(@PathVariable("id")String id, @RequestBody PollutionData data){
System.out.println(id); System.out.println(data);
return new ResponseData(CodeEnum.SUCCESS.getCode(),MsgEnum.SUCCESS.getMsg(),null); }

 

二、測試

//方法二 使用DELETE請求  
//這是的傳輸對象爲json字符串  後臺使用@RequestBody註解解析該字符串並將字符串映射到對應實體上
var r=confirm("方法二:確認刪除該條數據?");
if(r){
    var id = "123133";
    var jsonstr = { id: id,
                   name: "12345"};
    console.log(jsonstr);
    $.ajax({
        url:"http://192.168.2.116:8080/pollution/delete/" + id,
        type:"DELETE",
        contentType:"application/json",//設置請求參數類型爲json字符串
        data:JSON.stringify(jsonstr),//將json對象轉換成json字符串發送
        dataType:"json",
        success:function(result){
            alert(result.msg);
        }

    });        
}

/**若是不須要傳遞參數,能夠不寫下面的幾項
* contentType:"application/json",//設置請求參數類型爲json字符串
  data:JSON.stringify(jsonstr),//將json對象轉換成json字符串發送
  dataType:"json",
*/
@DeleteMapping("/pollution/delete/{id}")
public ResponseData deletePollutionById(@PathVariable("id")String id, @RequestBody PollutionData data){
    System.out.println(id);
    System.out.println(data);
    return new ResponseData(CodeEnum.SUCCESS.getCode(),MsgEnum.SUCCESS.getMsg(),null);
}

參考:https://blog.csdn.net/liuyuanjiang109/article/details/78972644ui

相關文章
相關標籤/搜索