vue 和 后端交互

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的类型   其中前端的请求参数要与后端的属性值的命名规范一致vue 和 后端交互_第1张图片

vue 和 后端交互_第2张图片

vue 和 后端交互_第3张图片

你可能感兴趣的:(vue.js,前端,javascript)