前端:jquery
后端:java ssm
1.前端传变量值,后端返回JSONObject
前端:
$.ajax({
type:"post",
url:"login.do",
data:{phonenum,pwd},
dataType:'json',
async: false,
success:function (data) {
alert(data.message);
}
error:function(er){
alert("error");
}
});
后端:
@RequestMapping("login.do")
@ResponseBody
public JSONObject login(@RequestParam("phonenum")String phonenum,@RequestParam("pwd")String pwd)
{
JSONObject jo=new JSONObject();
jo.put("message", "success");
return jo;
}
2.前端传对象
前端:
var obj={"name":aa."id":1};
$.ajax({
type:"post",
url:"packageInfo.do",
dataJSON.stringify(obj),//将对象转换为json字符串
dataType:'json',
async: false,
contentType : 'application/json;charset=utf-8',//重要
success:function (data) {
},
error:function(er){
}
});
后端:Student在后端定义为PO类,Student为前端传的对象,且Student参数名称必须与前端对象参数名称一致,否则无法装配。
@RequestMapping("packageInfo.do")
@ResponseBody
public JSONObject packageInfo(@RequestBody Student student)
{
JSONObject jo=new JSONObject();
jo.put("message", "success");
return jo;
}
3.前端传list数组集合
前端:
var cityMessage = [{"name":aa."id":1},{"name":bb."id":2},{"name":cc."id":3}];
var obj=JSON.stringify(cityMessage);
$("#confirm").click(function(){
$.ajax({
type:"post",
url:"insertInfo.do",
data:obj,
dataType:'json',
async: false,
contentType : 'application/json;charset=utf-8',//重要
success:function (data) {
},
error:function(er){
}
});
后端:
@RequestMapping("insertInfo.do")
@ResponseBody
public String insertInfo(@RequestBody String cityMessage)
{
JSONArray jsonArrayObj = JSONArray.fromObject(cityMessage);//将其转换为JSONArray对象
List list=(List) JSONArray.toCollection(jsonArrayObj,Student.class);//将SONArray对象转换为List存储
Student student=list.get(i);//即可取用
return “success”;
}
参考博文:
json数组和list集合转换总结
https://blog.csdn.net/weixin_41864077/article/details/82623228