前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >解决Ajax发送DELETE请求时后台无法接收到参数的问题(Restful风格)

解决Ajax发送DELETE请求时后台无法接收到参数的问题(Restful风格)

作者头像
手撕代码八百里
发布2020-07-28 23:36:09
1.9K0
发布2020-07-28 23:36:09
举报
文章被收录于专栏:猿计划猿计划猿计划

在AJAX发送DELETE请求的时候,会触发两次请求。

在这里插入图片描述
在这里插入图片描述

首先在js代码中是没调用两次的,所以并不是自己多调用了一次:

在这里插入图片描述
在这里插入图片描述

点开第一个请求可以看到是OPTIONS请求:

在这里插入图片描述
在这里插入图片描述

第二个请求才是DELETE请求:

在这里插入图片描述
在这里插入图片描述

这就导致了后台无法接收数据的问题。

第一种解决办法:(亲自测试成功) 前端:

$.ajax({
  url: '/cyberspace/vrv/event/delete/1002?startTime="2018-03-07 11:39:27"&userId=123456',
   type: "delete",
   contentType: "application/json",
   dataType: "json",
   success: function (msg) {
       console.log(msg);
   }
});

后端:

@DeleteMapping("/vrv/event/delete/{eventId}")

第二种解决办法:(我没有测试) 前端:

$.ajax({
            url: '/cyberspace/vrv/event/delete/1002',
            type: 'POST',
            data: {
                startTime: "2018-03-07 11:39:27",
                userId: 123456,
                _method: 'DELETE'
            },
            success: function (msg) {
                console.log(msg);
            }
        });

后端:

@RequestMapping(value = "/vrv/event/delete/{eventId}", method = RequestMethod.DELETE)

我解决的办法

前端原来的代码:

在这里插入图片描述
在这里插入图片描述

解决之后的:

在这里插入图片描述
在这里插入图片描述

后端代码:

使用@PathVariable("managerIdStr")来绑定要接收的数据

  @ApiOperation("删除管理员信息")
    @DeleteMapping("/delManagerUserById/{managerIdStr}")
    @ResponseBody
    public String delManagerUserById(@PathVariable("managerIdStr") String managerIdStr){

        System.out.println("要删除的ID:"+managerIdStr);
        if (managerIdStr==null || managerIdStr=="")
            return ResultUtils.ResultFail("参数不能为空");

        int s = managerUserService.delManagerUserById(managerIdStr);

        if(s<0)
            return ResultUtils.ResultFail("删除失败了");


        return new ResultUtils().ResultSuccess(null).toString();
    }
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-05-18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 我解决的办法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档