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;
}
总结:任何复杂的数据都可以这样处理。一站式的解决方案。
页面请求→后台处理。
比如:
页面请求使用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;
}
总结:任何复杂的数据都可以这样处理。一站式的解决方案。
相关文章推荐
- IT咨询顾问:一次吐血的项目救火 java或判断优化小技巧 asp.net core Session的测试使用心得 【.NET架构】BIM软件架构02:Web管控平台后台架构 NetCore入门篇:(十一)NetCore项目读取配置文件appsettings.json 使用LINQ生成Where的SQL语句 js_jquery_创建cookie有效期问题_时区问题
- 基于JavaScript、Javabean、Servlet、ajax的异步请求登录注册找回密码Javaweb项目
- 跟阿根一起学Java Web开发二:使用Ajax技术及XML与JSON实现输出
- 面向Java开发人员的Ajax:结合Direct Web Remoting使用Ajax
- 面向 Java 开发人员的 Ajax: 使用 Jetty 和 Direct Web Remoting 编写可扩展的 Comet 应用程序
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 在 Web 请求中使用 XMLHttpRequest
- 面向 Java 开发人员的 Ajax: 使用 Google Web Toolkit 开发 Ajax
- 面向 Java 开发人员的 Ajax: 使用 Google Web Toolkit 开发 Ajax
- 基于Ajax和JSON从javascript中调用后台java方法的JsonGateway
- Web框架——小编浅谈Struts2中使用JSON插件实现Ajax
- 案例4-3 Ajax的响应处理简单实例(征服Ajax——Web 2.0快速入门与项目实践Java)
- Linux平台,使用JavaComm3 API及SMSLib项目实现在Web Application中发送手机短信的功能
- 面向 Java 开发人员的 Ajax: 结合 Direct Web Remoting 使用 Ajax
- 使用JSON-RPC-Java完成Ajax交互
- 掌握 Ajax,第 5 部分: 操纵 DOM 使用 JavaScript 即时更新 Web 页面
- 在Eclipse的Web项目中java里面使用ant进行数字签名步骤详解
- 掌握 Ajax:第 5 部分: 操纵 DOM使用 JavaScript 即时更新 Web 页面
- ASP.NET AJAX 宝典系列(2) 在Visual Studio 2005 Web Application 项目中使用AJAX
- 面向 Java 开发人员的 Ajax: 结合 Direct Web Remoting 使用 Ajax----数据序列化不可能比这更简单了!
- 基于Ajax和JSON从javascript中调用后台java方法的JsonGateway