将表单序列化为json对象

JavaScript表单序列化代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
//将表单序列化为json对象
     $.fn.serializeJson= function (){ 
           var serializeObj={}; 
           var array= this .serializeArray();
           $(array).each( function (){ 
               if (serializeObj[ this .name]){ 
                      if ($.isArray(serializeObj[ this .name])){ 
                           serializeObj[ this .name].push( this .value); 
                      } else
                           serializeObj[ this .name]=[serializeObj[ this .name], this .value]; 
                     
               } else
                      serializeObj[ this .name]= this .value;  
              
           }); 
          return serializeObj; 
     };
});

使用实例:

一个模糊查询的功能(利用 easyUI控件)
将表单序列化为json对象_第1张图片

在easyUI的API中datagrid部分,有一个load方法:
将表单序列化为json对象_第2张图片

步骤一:封装查询表格数据

直接复制上面代码,然后调用即可
将表单序列化为json对象_第3张图片

步骤二:抓包工具查看

将表单序列化为json对象_第4张图片

步骤三:后台获取数据,进行条件查询

将表单序列化为json对象_第5张图片

附:公共Bean方法

将表单序列化为json对象_第6张图片


来自为知笔记(Wiz)


你可能感兴趣的:(将表单序列化为json对象)