玩转Web之Json(三)-----easy ui怎么把前台显示的dataGird中的所有数据序列化为json,返回到后台并解析
2014-04-14 19:50
615 查看
最近做一个项目时,需要在dataGird中插入<input>,即文本输入框,当点击提交时,需要把文本框里填的数据返以及其他列的一些信息以json数组的格式返回到后台,虽然我实现了该功能,但一直没找到简便的方法,今天终于在一位版主的点拨下找到了非常简单的方法。
仅仅只需要这两行代码,其中dg是datagird的id,第一行是获取表格中加载完毕后的数据,第二行是将第一行获得的数据转化成json数组。
然后以ajax方式提交到后台即可,下面是我的提交代码,供大家参考:
接下来就需要解析字符串了,解析该json字符串需要用到org.json这个jar包,大家可以在网上下载,下面是解析该json的代码:
var all = $("#dg").datagrid("getData"); var json =JSON.stringify(all.rows);
仅仅只需要这两行代码,其中dg是datagird的id,第一行是获取表格中加载完毕后的数据,第二行是将第一行获得的数据转化成json数组。
然后以ajax方式提交到后台即可,下面是我的提交代码,供大家参考:
$.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的代码:
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,返回到后台并解析
- easy ui怎么把前台显示的dataGird中的所有数据序列化为json,返回到后台并解析
- 使用jQuery解析JSON数据(jquery在前台对从后台获取到的json数据进行解析,并进行显示)
- [置顶] 动态grid java 后台封装json数据返回到前台解析并展示
- 后台返回json数据,前台显示代码
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- java后台返回json数据前台接收并解析(json)
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- 前台jquery+ajax向后台请求数据,后台返回json,前台显示
- 前台js获取到后台json数据,eval解析json后,日期(object)对象转换为date日期格式显示
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- 《项目经验》--后台一般处理程序向前台JS文件传递JSON,JS解析JSON,将数据显示在界面--显示在DropDownList 或 显示在动态创建的table中
- java 后台返回JSON数据 前端显示显示404 or 500
- 使用js实现将后台传入的json数据放在前台显示
- 用户登陆验证---AJax在后台用json传递数据到前台显示
- 前台取得后台返回的json数据!
- 如何把Ext.data.store里的数据一次性用JSON传给后台(添加了后台解析部分)
- 用js将后台传入的json数据放在前台显示
- 后台返回一个string类型的json格式数据,前台js如何读取?