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

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

在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();
    }
目录
相关文章
|
XML JSON 前端开发
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解(学习总结---从入门到深化)
Ajax技术【Ajax技术详解、 Ajax 的使用、Ajax请求、 JSON详解、JACKSON 的使用 】(一)-全面详解(学习总结---从入门到深化)
1167 1
|
Java 网络架构 Spring
springboot中restful风格请求的使用
本文介绍了在Spring Boot中如何使用RESTful风格的请求,包括创建HTML表单页面、在application.yaml配置文件中开启REST表单支持、编写Controller层及对应映射处理,并进行服务启动和访问测试。HTML表单默认只支持GET和POST请求,因此对于DELETE和PUT请求,需要使用隐藏域`_method`来支持。
springboot中restful风格请求的使用
|
JSON Go API
使用Go语言和Gin框架构建RESTful API:GET与POST请求示例
使用Go语言和Gin框架构建RESTful API:GET与POST请求示例
|
XML 缓存 前端开发
springMVC02,restful风格,请求转发和重定向
文章介绍了RESTful风格的基本概念和特点,并展示了如何使用SpringMVC实现RESTful风格的请求处理。同时,文章还讨论了SpringMVC中的请求转发和重定向的实现方式,并通过具体代码示例进行了说明。
springMVC02,restful风格,请求转发和重定向
|
前端开发 JavaScript
|
JSON 前端开发 安全
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
浏览器跨域限制:为什么浏览器不能跨域发送Ajax请求?
384 0
|
JSON 前端开发 JavaScript
JavaScript学习 -- ajax方法的POST请求
JavaScript学习 -- ajax方法的POST请求
397 0
|
9月前
|
缓存 安全 API
RESTful与GraphQL:电商API接口设计的技术细节与适用场景
本文对比了RESTful与GraphQL这两种主流电商API接口设计方案。RESTful通过资源与HTTP方法定义操作,简单直观但可能引发过度或欠获取数据问题;GraphQL允许客户端精确指定所需字段,提高灵活性和传输效率,但面临深度查询攻击等安全挑战。从性能、灵活性、安全性及适用场景多维度分析,RESTful适合资源导向场景,GraphQL则适用于复杂数据需求。实际开发中需根据业务特点选择合适方案,或结合两者优势,以优化用户体验与系统性能。
|
9月前
|
JSON 编解码 API
Go语言网络编程:使用 net/http 构建 RESTful API
本章介绍如何使用 Go 语言的 `net/http` 标准库构建 RESTful API。内容涵盖 RESTful API 的基本概念及规范,包括 GET、POST、PUT 和 DELETE 方法的实现。通过定义用户数据结构和模拟数据库,逐步实现获取用户列表、创建用户、更新用户、删除用户的 HTTP 路由处理函数。同时提供辅助函数用于路径参数解析,并展示如何设置路由器启动服务。最后通过 curl 或 Postman 测试接口功能。章节总结了路由分发、JSON 编解码、方法区分、并发安全管理和路径参数解析等关键点,为更复杂需求推荐第三方框架如 Gin、Echo 和 Chi。