SpringBoot ajax Restful整合（转载）

java后端

@RestController
public class TestController {
    
    
 
    /**
     * Restful Get请求测试
     */
    @GetMapping(value = "testRest/{id}")
    public RestMessgae testGetResetful(@PathVariable String id){
    
    
       RestMessgae restMessgae = new RestMessgae();
        System.out.println(id);
        return restMessgae;
    }
 
    /**
     * Restful Post请求测试
     */
    @PostMapping(value = "testRest")
    public String testPostRestful(@RequestBody Map<String,Object> map){
    
    
        String id = (String)map.get("id");
        System.out.println(id);
        return id;
    }
 
    /**
     * Restful Delete请求测试
     */
    @DeleteMapping(value = "testRest")
    public String testDeleteResetful(@RequestBody Map<String,Object> map){
    
    
        String id = (String) map.get("id");
        System.out.println(id);
        return id;
    }
 
    /**
     * Restful put请求测试
     */
    @PutMapping(value = "testRest")
    public String testPutResetful(@RequestBody Map<String,Object> map){
    
    
        String id = (String) map.get("id");
        System.out.println(id);
        return id;
    }
}

前端

var httpUrl = "http://localhost:8080";
//    发送get请求
    function testRestfulGet() {
    
    
        $.ajax({
    
    
            type: "GET",
            url: httpUrl + "/testRest/11",
            dataType: "json",
            contentType: "application/x-www-form-urlencoded",
            success: function (result) {
    
    
                console.log(result);
            },
            error: function () {
    
    
                console.log('错误')
            }
        })
    }
//发送post请求
    function testRestfulPost(){
    
    
        var datas = {
    
    id:"123456"};
        $.ajax({
    
    
            type: "POST",
            url: httpUrl + "/testRest",
            dataType:"json",
            data: JSON.stringify(datas),
            contentType:"application/json;charset=utf-8",
            success: function (result) {
    
    
                console.log(result);
            },
            error:function () {
    
    
                console.log('错误')
            }
        })
    }
//发送delete请求
    function testRestfulDelete(){
    
    
        var datas = {
    
    id:"123456"};
        $.ajax({
    
    
            type: "DELETE",
            url: httpUrl + "/testRest",
            dataType:"json",
            data:JSON.stringify(datas),
            contentType:"application/json;charset=utf-8",
            success: function (result) {
    
    
                console.log(result);
            },
            error:function () {
    
    
                console.log('错误')
            }
        })
    }
//发送put请求
    function testRestfulPut(){
    
    
        var datas = {
    
    id:"123456"};
        $.ajax({
    
    
            type: "PUT",
            url: httpUrl + "/testRest",
            dataType:"json",
            data:JSON.stringify(datas),
            contentType:"application/json;charset=utf-8",
            success: function (result) {
    
    
                console.log(result);
            },
            error:function () {
    
    
                console.log('错误')
            }
        })
    }