Ajax中Put和Delete请求传递参数无效的解决方法

开发环境:Tomcat9.0
在使用Ajax实现Restful的时候,有时候会出现无法Put、Delete请求参数无法传递到程序中的尴尬情况,此时我们可以有两种解决方案:1、使用地址重写的方法传递参数。2、配置web.xml项目环境。

测试的程序为:

@RequestMapping(value = "/member", method = RequestMethod.PUT, produces = "application/json;charset=UTF-8")
    public @ResponseBody Object edit(Member vo1) {
        log.info("【*** 修改用户信息 ***】" + vo1);
        JSONObject obj = new JSONObject();
        obj.put("flag", true);
        return obj;
    }
1
2
3
4
5
6
7


一、使用地址重写的方法来实现put、delete请求的参数传递。

亲测有效
在js页面中(

$(editMember).on("click",function(){ 
        $.ajax({
            url : "member?empno=1009&ename=阿伦&sal=19777.77&hiredate=1969-10-10" ,   // 处理的请求路径
            type : "put" ,      // 此处发送的是PUT请求(可变更为其他需要的请求)
            dataType : "json" , // 返回的数据类型为json类型
            success : function(data) {
                $(showDiv).append("<p>修改处理结果:" + data.flag + "</p>") ;
            } ,
            error : function(data) {
                $(showDiv).append("<p>对不起,出错啦!</p>") ;
            } 
        }) ;
    }) ;
1
2
3
4
5
6
7
8
9
10
11
12
13
14


二、使用配置文件修改来实现Put和Delete请求的参数传递
1、解决Put请求的参数传递,但是 无法解决 Delete 请求的传递
①、在项目中的web.xml文件中配置:

<filter>
      <filter-name>HttpMethodFilter</filter-name>
      <filter-class>org.springframework.web.filter.HttpPutFormContentFilter</filter-class>
</filter>
<filter-mapping>
     <filter-name>HttpMethodFilter</filter-name>
     <url-pattern>/*</url-pattern>
</filter-mapping>
1
2
3
4
5
6
7
8


②在js文件中:

$(editBut).on("click",function(){
        $.ajax({
            url: "member",
            type : "put",    // 此处发送的是PUT请求
            data : {
                empno : 1170,
                ename : "SMITH",
                sal : 11.1,
                hiredate : "1991-11-11"
            },
            success : function(data){
                $(showDiv).append("<p> 数据更新成功:"+data.flag+"</p>");
                console.log(1);
            },
            dataType : "json",
            error : function(data){
                $(showDiv).append("<p>对不起,出错啦!</p>");
            }
        })
    });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20


2、解决 Put和Delete 请求的参数传递。
①、在项目中的web.xml文件中配置:

<filter>
    <filter-name>HiddenHttpMethodFilter</filter-name>
    <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
</filter>
<filter-mapping>
    <filter-name>HiddenHttpMethodFilter</filter-name>
    <!-- 备注,这边的名称必须和配置'springmvc'的servlet名称一样 -->
    <servlet-name>springmvc</servlet-name>    
</filter-mapping>  
1
2
3
4
5
6
7
8
9


②在js文件中:

$(editBut).on("click",function(){
        $.ajax({
            url: "member",
            type : "post",    // 此处发送的是POST请求
            data : {
                _method : "put",   // 将请求转变为PUT请求
                empno : 1170,
                ename : "SMITH",
                sal : 11.1,
                hiredate : "11111-11-11"
            },
            success : function(data){
                $(showDiv).append("<p> 数据更新成功:"+data.flag+"</p>");
                console.log(1);
            },
            dataType : "json",
            error : function(data){
                $(showDiv).append("<p>对不起,出错啦!</p>");
            }
        })
    });


————————————————
版权声明:本文为CSDN博主「启示收藏」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/u012737182/article/details/52831008

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值