SpringMVC框架-23：restful风格

末蓝、 2022-10-01 13:57 262阅读 0赞

声明：使用了layui框架，jquery，jquery表单序列化插件

# restful风格地址参数： #

*  http://localhost:8080/goods/1 查询GET
 *  http://localhost:8080/goods 新增POST
 *  http://localhost:8080/goods 更新PUT
 *  http://localhost:8080/goods/1 删除DELETE

# 发送get请求 #

前端代码

//查找
     $("#find").click(function () {
     $.ajax({
     type: "get",
     url: "/myfind/2",
     success: function (msg) {
     alert(msg);
     },
     error: function () {
     alert("失败");
     }
     });
     });

后端代码

@GetMapping("/myfind/{id}")
     @ResponseBody
     @ApiOperation(value = "查询", httpMethod = "GET")
     public String myfind(@PathVariable Integer id) {
     System.out.println("传入的参数是" + id);
     return "成功查找";
     }

# 发送post请求 #

前端代码

//保存
     $("#creat").click(function () {
     $.ajax({
     type: "post",
     url: "/myadd/2",
     success: function (msg) {
     alert(msg);
     },
     error: function () {
     alert("失败");
     }
     });
     });

后端代码

@PostMapping("/myadd/{id}")
     @ResponseBody
     @ApiOperation(value = "添加", httpMethod = "POST")
     public String myadd(@PathVariable Integer id) {
     System.out.println("添加的参数" + id);
     return "成功添加";
     }

# 发送put请求 #

前端代码

//更新
     $("#update").click(function () {
     $.ajax({
     type: "put",
     url: "/myupdate/345",
     success: function (msg) {
     alert(msg);
     },
     error: function () {
     alert("失败");
     }
     });
     });

后端代码

@PutMapping("/myupdate/{id}")
     @ResponseBody
     @ApiOperation(value = "更新", httpMethod = "PUT")
     public String myupdate(@PathVariable Integer id) {
     System.out.println("传入的参数是" + id);
     return "成功更新";
     }

# 发送delete请求 #

前端代码

//删除
     $("#delete").click(function () {
     $.ajax({
     type: "delete",
     url: "/mydelete/34",
     success: function (msg) {
     alert(msg);
     },
     error: function () {
     alert("失败");
     }
     });
     });

后端代码

@DeleteMapping("/mydelete/{id}")
     @ResponseBody
     @ApiOperation(value = "删除", httpMethod = "DELETE")
     public String mydelete(@PathVariable Integer id) {
     System.out.println("传入的参数是" + id);
     return "成功删除";
     }

# 使用表单 #

前端代码

js部分

//表单
     $(function () {
     $("#submitForm").click(function () {
     //这里我们就是用的插件代码，使获取表单的数据并序列化数据，
     var userData = $("#userForm").serializeJSON();
     alert(userData);
     $.ajax({
     type: "post",
     contentType:'application/json',
     url: "/formData",
     data: userData,
     success: function (msg) {
     alert(msg);
     },
     error: function () {
     alert("失败");
     }
     });
     });
     });

后端代码

@PostMapping("/formData")
     @ResponseBody
     @ApiOperation(value = "表单添加", httpMethod = "POST")
     public String formData(@RequestBody User user) {
     System.out.println("添加的参数" + user);
     return "成功添加";
     }

domain类

@Data
    public class User {
     private String userName;
     private String userSex;
     private Integer userAge;
    }