ajax我们经常用到,传的数据格式简单粗暴,由于前端传的数据格式又是json数据,json数据又有对象,数组。
后台小GG稍不注意,抵挡不住前端MM攻击,连败....
女人,惹不起呀,但是要宠着,绅士嘛,hahahaha....,
特总结以下以备应对,此总结经过专业严刑拷打,
磨练而出,话说:不抵一万,也低三千,开始看
1、以RequestParam接收
前端传来的是json数据不多时:[id:id],可以直接用@RequestParam来获取值
@RequestMapping(value = "/update")
@ResponseBody
public String updateAttr(@RequestParam ("id") int id) {
int res=xxService.deleteData(id);
return "success";
}
2、以实体类方式接收
前端传来的是一个json对象时:{【id,name】},可以用实体类直接进行自动绑定
@RequestMapping(value = "/add")
@ResponseBody
public String addObj(@RequestBody Accomodation accomodation) {
this.xxService.insert(accomodation);
return "success";
}
3、以Map接收
前端传来的是一个json对象时:{【id,name】},可以用Map来获取
@RequestMapping(value = "/update")
@ResponseBody
public String updateAttr(@RequestBody Map<String, String> map) {
if(map.containsKey("id"){
Integer id = Integer.parseInt(map.get("id"));
}
if(map.containsKey("name"){
String objname = map.get("name").toString();
}
// 操作 ...
return "success";
}
4、以List接收
当前端传来这样一个json数组:[{id,name},{id,name},{id,name},...]时,用List<E>接收
@RequestMapping(value = "/update")
@ResponseBody
public String updateAttr(@RequestBody List<Accomodation> list) {
for(Accomodation accomodation:list){
System.out.println(accomodation.toString());
}
return "success";
}
5、以JSONobject形式接收
此接收匹配所有的类型,需要前后台传参数对应
@ResponseBody
@PostMapping("/info")
public JSONObject merchantForInfo(@RequestBody JSONObject jsonObject) {
Integer type = jsonObject.getInteger("type");
String bankname = jsonObject.getString("bankname");
String bankcard = jsonObject.getString("bankcard");
String idno = jsonObject.getString("idno");
}
6、接收json数组形式
形式1:
前台传数组:
var ids=[1,2,3,4,5,6]
$.ajax({
url:"http://localhost:8080/shanchu",
type:"post",
dateType:'json',
data:{
ids:ids
},
success:function(res){
var objs=eval(res); //解析json对象
//console.log("数据=="+JSON.stringify(objs));
console.log("数据=="+objs);
},
error:function(err){
alert("网络连接失败,稍后重试",err);
}
})
@RequestMapping("/shanchu")
public String shanchubyid(@RequestParam(value = "ids[]") String[] ids){
System.out.println("参数:ids:"+JSON.toJSONString(ids));
return "成功";
}
形式2:
@PostMapping("/xxx")
@ResponseBody
public Map<String, Object> xxx(@RequestParam(value = "ids[]") Integer[] ids,
@RequestParam String type) {
xxxx
return map;
}
var info = getIds();
$.ajax({
url: 'xxx',
type: 'POST',
dataType: "json",
async: false,
data: {
'type': 'type',
'ids': info
},
success: function (result) {
alert(result.message);
},
error: function (result) {
alert(result.message);
}
});