最近做项目时遇到这么个问题;
后台框架是java的SSM;前端是B/S,安卓、IOS;
当我仅仅使用@RequestMapping时:
移动端只能通过get传输,post传输时接受不到参数值;PC端无误;
当我加上@RequestBody时:
移动端可以通过post传输,但是PC端总是报错400和415;
百度和谷歌了很久,各种方案都尝试过了,均失败;
我手动将表单数据转成json字符串,如下
functionarrayTOjson(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如下:
**
functionarrayTOjson(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)
以上是我解决这个问题的办法,如有大神有更好的解决办法,请指教哈!