@RequestBody之后AJAX请求总是报400/415错误的解决办法

最近做项目时遇到这么个问题;

后台框架是java的SSM;前端是B/S,安卓、IOS;

当我仅仅使用@RequestMapping时:

移动端只能通过get传输,post传输时接受不到参数值;PC端无误;

当我加上@RequestBody时:

移动端可以通过post传输,但是PC端总是报错400和415;

百度和谷歌了很久,各种方案都尝试过了,均失败;

我手动将表单数据转成json字符串,如下

function arrayTOjson(node) {
    var b = "{";
    for (var i = 0; i < node.length; i++) {
        b = b + "\"" + node[i].name + "\":\"" + node[i].value + "\",";
    }
    b = b.substring(0, b.length - 1) + "}";
    return b;
};
$.ajax({
……
contentType: "application/json; charset=utf-8",
data: arrayTOjson($("#loginFormId").serializeArray()),
……
)}

但是依然失败;

经过多次尝试,包括增加PC通道、xml配置等等,均已失败告终,但也皇天不负有心人啊,最终是解决了;

**

解决办法其实很简单:在ajax增加自定义请求头,修改后的ajax如下:

**

function arrayTOjson(node) {
    var b = "{";
    for (var i = 0; i < node.length; i++) {
        b = b + "\"" + node[i].name + "\":\"" + node[i].value + "\",";
    }
    b = b.substring(0, b.length - 1) + "}";
    return b;
};
$.ajax({
……

data: arrayTOjson($("#loginFormId").serializeArray()),
headers: {
"content-Type":"application/json",
 },

……
)}

**这样做有一个缺陷:就是data不允许空;就算不需要传参的,也需要拼一个无关痛痒的参数,否则依然报错;
其实这种接口一般都没有敏感信息,可以去掉后台的@RequestBody,移动端就采用get方式;**

方案二:

这种解决办法脱离了ajax提交表单了,而是使用XMLHttpRequest对象代替ajax,如果不局限于ajax的话可以参考下,结构如下:

var xhr = new XMLHttpRequest();
var url ="";
var data = JSON.stringify({
      "page": 0,
      "limit": 20,
      "shopId": 1,
      "timeType": 3,
});

xhr.open("POST", url );
xhr.setRequestHeader('Content-Type','application/json');
xhr.onload = function(){
    //回调
    console.log(xhr.responseText) 
}
xhr.send(data)

以上是我解决这个问题的办法,如有大神有更好的解决办法,请指教哈!

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值