最近做一个项目时,需要在dataGird中插入<input>,即文本输入框,当点击提交时,需要把文本框里填的数据返以及其他列的一些信息以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数组的一个键
- }