vue 和后端交互

最新推荐文章于 2024-05-27 16:10:57 发布

O(1)的boot

最新推荐文章于 2024-05-27 16:10:57 发布

阅读量293

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/zyyer123/article/details/131250157

版权

本文介绍了前端Vue使用axios进行DELETE请求时，如何传递单个或多个参数，以及后端Java如何通过`@RequestParam`和`@PathVariable`处理路径参数。还提到了处理JSON格式数据时，前端与后端参数命名规范的一致性要求。

摘要由CSDN通过智能技术生成

1.前端的路径请求是（请求参数：key和value）：

this.$http.delete("http://localhost:8080/user/delete?id="+id).then(res=>{

后端是接收前端参数

    @DeleteMapping("/delete")
    public String delete(Integer id){
        System.out.println("111111111111");
        service.delete(id);
        return  "删除成功";
    }

但参数为多个时候：可指定多个相对应的参数

    @DeleteMapping("/delete")
    public String delete(@RequestParam(name = "id") Integer id){
        System.out.println("111111111111");
        service.delete(id);
        return  "删除成功";
    }

2.前端的路径请求是（路径参数：）：

        this.$http.delete("http://localhost:8080/user/delete/"+id).then(res=>{

后端这样接受这样的参数

    @CrossOrigin()
    @DeleteMapping("/delete/{id}")
    public String delete(@PathVariable  Integer id){
        System.out.println("111111111111");
        service.delete(id);
        return  "删除成功";
    }

3.当前端vue 发送json类型的格式的时候后端需要封装成pojo的类型其中前端的请求参数要与后端的属性值的命名规范一致