json表单序列化

来源:互联网 发布:ucsc数据库 编辑:程序博客网 时间:2024/05/18 23:26
表单:    <form class="form-horizontal" id="validation-form" method="post">                      <div class="clearfix">                            <select name="type" id="type" class="col-xs-12 col-sm-6">                                  <option ${sysRes.type eq 1?'selected':''} value="1">菜单</option>                                  <option ${sysRes.type eq 2?'selected':'' } value="2">功能</option>                          </select>                    </div>                     <div class="clearfix form-actions" align="center"> <div class="col-md-offset-3 col-md-9"><button id="submit-btn" class="btn btn-info" type="submit" data-last="Finish">  <i class="ace-icon fa fa-check bigger-110"></i> 提交</button>                        <button class="btn" type="reset">                                <i class="ace-icon fa fa-undo bigger-110"></i>                                重置                        </button>                      </div>  </div>           </form>请求: // 将 form 数据转换 json格式         var postData=$("#validation-form").serializeJson();         $.post("${context_path}/sys/res/saveRes" ,postData,function(data){          if(data.code=='success'){        layer.msg('操作成功', {         icon: 1,              time: 2000 //2秒关闭(如果不配置,默认是3秒)         },function(){         parent.reloadGrid();          var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引          parent.layer.close(index); //再执行关闭          });补充:1. var data = $("#validation-form").serialize();          将表单内容序列化成一个字符串           2.var jsonData = $("#validation-form").serializeArray();     将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。     [{"name":"lihui", "age":"20"},{...}] 获取数据为 jsonData[0].name


 
原创粉丝点击