easy ui怎么把前台显示的dataGird中的所有数据序列化为json,返回到后台并解析
2014-04-15 14:01
483 查看
最近做一个项目时,需要在dataGird中插入<input>,即文本输入框,当点击提交时,需要把文本框里填的数据返以及其他列的一些信息以json数组的格式返回到后台,虽然我实现了该功能,但一直没找到简便的方法,今天终于在一位版主的点拨下找到了非常简单的方法。
[javascript] view
plaincopy
var all = $("#dg").datagrid("getData");
var json =JSON.stringify(all.rows);
仅仅只需要这两行代码,其中dg是datagird的id,第一行是获取表格中加载完毕后的数据,第二行是将第一行获得的数据转化成json数组。
然后以ajax方式提交到后台即可,下面是我的提交代码,供大家参考:
[javascript] view
plaincopy
$.ajax({
url:'../servlet/Confirm_Order',
data :{msg:json},
dataType:'json',
success:function(data){
if(data.msg=="订购成功"){
$.messager.alert('通知',"订购成功");
$('#t1').datagrid('load',{
});
}
else
$.messager.alert('通知',data.msg);
},
error:function(){
$.messager.alert('通知',"错误");
}
});//ajax
接下来就需要解析字符串了,解析该json字符串需要用到org.json这个jar包,大家可以在网上下载,下面是解析该json的代码:
[java] view
plaincopy
String msg=new String(request.getParameter("msg").getBytes("ISO-8859-1"),"utf-8") ;
org.json.JSONArray jsonArray;
jsonArray = new org.json.JSONArray(msg);
int jsize=jsonArray.length();
for(int i=0;i<jsize;i++){
org.json.JSONObject jsonObj = jsonArray.getJSONObject(i);
String num=jsonObj.getInt("prolist_num"); //这里根据实际情况写就行,prolist_num是json数组的一个键
}
[javascript] view
plaincopy
var all = $("#dg").datagrid("getData");
var json =JSON.stringify(all.rows);
仅仅只需要这两行代码,其中dg是datagird的id,第一行是获取表格中加载完毕后的数据,第二行是将第一行获得的数据转化成json数组。
然后以ajax方式提交到后台即可,下面是我的提交代码,供大家参考:
[javascript] view
plaincopy
$.ajax({
url:'../servlet/Confirm_Order',
data :{msg:json},
dataType:'json',
success:function(data){
if(data.msg=="订购成功"){
$.messager.alert('通知',"订购成功");
$('#t1').datagrid('load',{
});
}
else
$.messager.alert('通知',data.msg);
},
error:function(){
$.messager.alert('通知',"错误");
}
});//ajax
接下来就需要解析字符串了,解析该json字符串需要用到org.json这个jar包,大家可以在网上下载,下面是解析该json的代码:
[java] view
plaincopy
String msg=new String(request.getParameter("msg").getBytes("ISO-8859-1"),"utf-8") ;
org.json.JSONArray jsonArray;
jsonArray = new org.json.JSONArray(msg);
int jsize=jsonArray.length();
for(int i=0;i<jsize;i++){
org.json.JSONObject jsonObj = jsonArray.getJSONObject(i);
String num=jsonObj.getInt("prolist_num"); //这里根据实际情况写就行,prolist_num是json数组的一个键
}
相关文章推荐
- 玩转Web之Json(三)-----easy ui怎么把前台显示的dataGird中的所有数据序列化为json,返回到后台并解析
- 玩转Web之Json(三)-----easy ui怎么把前台显示的dataGird中的所有数据序列化为json,返回到后台并解析
- 玩转Web之Json(三)-----easy ui怎么把前台显示的dataGird中的所有数据序列化为json,返回到后台并解析
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- [置顶] 动态grid java 后台封装json数据返回到前台解析并展示
- 前台js获取到后台json数据,eval解析json后,日期(object)对象转换为date日期格式显示
- java后台返回json数据前台接收并解析(json)
- 使用jQuery解析JSON数据(jquery在前台对从后台获取到的json数据进行解析,并进行显示)
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- 后台返回json数据,前台显示代码
- 前台jquery+ajax向后台请求数据,后台返回json,前台显示
- 分页技术,小白也能看懂(从后台传json到前台解析显示)
- 如何把Ext.data.store里的数据一次性用JSON传给后台(添加了后台解析部分)
- Android 解析后台返回为Json数据的简单例子!!!
- jquery与后台进行数据交互--前台发单一数据对象,后台返回一个json字符串 jsp页面
- Android 解析后台返回为Json数据的简单例子!!!
- Android 解析后台返回为Json数据的简单例子!!!
- 利用Struts2框架,将后台数据转化为JSON数据并返回到前台