您的位置:首页 > Web前端 > JavaScript

JAVA WEB项目 javascript ajax JSON使用

2017-12-01 14:48 501 查看
     Now   begin,直接切入主题:本文将详细又明了的阐述JAVA WEB项目中JSON的妙用;

页面请求→后台处理。

比如:

页面请求使用ajax异步传送JSON数据到后台:

function reg(){

var url="${base}/admin/user/reg.jhtml";//后台方法地址

var name=$('#name').val();

var age=$('#age').val();

//来点复杂的数据,, 也不复杂,实际情况应该来个xunhuan

var arr=[];//数组

var jsonArray={};//集合

jsonArray['shuxue']=90;

jsonArray['yuwen']=91;

jsonArray['shuxue']=90

jsonArray['english']=93;

arr.push(jsonArray);

var datas=JSON.stringify({"name":name,"age":age,"jsonArr":arr})

var data={"jsonObj":datas}

 $.post(url,data,function(obj){

  alert(obj.message);

});

}

后台接收解析:

@RequestMapping("/reg")
@ResponseBody

public Map<String,Object> reg(String jsonObj){

//记住一句话:见到{},就用以下方法

JSONObject json = JSONObject.fromObject(jsonObj);
String name= json.getString("name");

......

//记住一句话:见到【】就用以下

JSONArray arr = json.getJSONArray("jsonArr");
List<Map<String, Object>> maps=arr.toList(arr,new HashMap<String,Object>(),new JsonConfig());

.........

Map<String,Object> map=new HashMap<String,object>();

map.put("message","操作成功")
return map;

}

总结:任何复杂的数据都可以这样处理。一站式的解决方案。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐