javascript前台生成json,后台进行解析
2016-08-17 15:03
363 查看
var arr = {records:[]};//首先定义一个{aaa:[]}格式的变量
var row = {key1:value1,key2:value2,key3:value3};//再定义一个可以存放数据的变量,数据格式为{key:value,key:value}
arr.records.push(row);//添加存放数据的变量,最终的数据和格式为{aaa:[key1:value1,key2:value2]}
然后通过ajax把数据传到后台,这里用到的是ext
Ext.Ajax.request({
url: projectName+'/aaa/bbb.do?method=SaveOrUpdate',
method:'POST',
params: "json="+JSON.stringify(arr),//把arr转换成字符串,传到后台
success: function(response,options){
Ext.Msg.alert('提示','保存成功');
grid.store.reload();
},failure:function(response,options){
Ext.Msg.alert("警告", "保存失败,请稍后再试!");
}
});
在后台进行解析
首先得到arr字符串
String str = request.getParameter("json");
进行解析
首先在java里面需要引入net.sf.json.JSONArray和net.sf.json.JSONObject两个包
JSONObject jsobj = JSONObject.fromObject(str);
JSONArray arr = (JSONArray) jsobj.get("records");
//遍历得到json中的每条数据
for(int i=0;i<arr.size();i++){
JSONObject json = arr.getJSONObject(i);
String key1 = json.getString("key1");
String key2 = json.getString("key2");
String key3 = json.getString("key3");
}
这样就得到json中的每一条数据了
var row = {key1:value1,key2:value2,key3:value3};//再定义一个可以存放数据的变量,数据格式为{key:value,key:value}
arr.records.push(row);//添加存放数据的变量,最终的数据和格式为{aaa:[key1:value1,key2:value2]}
然后通过ajax把数据传到后台,这里用到的是ext
Ext.Ajax.request({
url: projectName+'/aaa/bbb.do?method=SaveOrUpdate',
method:'POST',
params: "json="+JSON.stringify(arr),//把arr转换成字符串,传到后台
success: function(response,options){
Ext.Msg.alert('提示','保存成功');
grid.store.reload();
},failure:function(response,options){
Ext.Msg.alert("警告", "保存失败,请稍后再试!");
}
});
在后台进行解析
首先得到arr字符串
String str = request.getParameter("json");
进行解析
首先在java里面需要引入net.sf.json.JSONArray和net.sf.json.JSONObject两个包
JSONObject jsobj = JSONObject.fromObject(str);
JSONArray arr = (JSONArray) jsobj.get("records");
//遍历得到json中的每条数据
for(int i=0;i<arr.size();i++){
JSONObject json = arr.getJSONObject(i);
String key1 = json.getString("key1");
String key2 = json.getString("key2");
String key3 = json.getString("key3");
}
这样就得到json中的每一条数据了
相关文章推荐
- 前台利用javascript解析Json数据,生成编码折线
- 使用jQuery解析JSON数据(jquery在前台对从后台获取到的json数据进行解析,并进行显示)
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- 自己对前台解析Json、后台生成Json的理解和测试
- 前台如何解析json格式 以及后台如何生成json格式
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- easy ui怎么把前台显示的dataGird中的所有数据序列化为json,返回到后台并解析
- javascript 后台与前台传递json 需要注意换行符 不然报错
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- Jquery+asp.net后台数据传到前台js进行解析的方法
- 后台转换JSON数据类型,前台解析JSON数据
- android 打包 生成apk 出现的问题 javascript失效 json解析失败 解决方案
- struts2 + ajax(从后台获取json格式的数据返回到前端,然后前端用jquery对json数据进行解析)
- 前后台交互过程中json格式如何解析以及如何生成
- asp.net Jquery后台数据传到前台js进行解析
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- struts2跟easyui 示例一 后台生成json数据传到前台html页面
- Javascript调用C#后台方法及JSon解析
- 后台将对象转换为json格式,前台js解析json数据,将字符串转化为数组
- 玩转Web之Json(三)-----easy ui怎么把前台显示的dataGird中的所有数据序列化为json,返回到后台并解析