精华内容
下载资源
问答
  • Form表单序列化成JSON

    2017-06-05 19:57:00
    2019独角兽企业重金招聘Python工程师标准>>> ...方式2:将Form表单序列化成JSON数组,需要再次转换成JSON字符串。 转载于:https://my.oschina.net/u/2433960/blog/915022

    1. 添加代码段

    $.fn.serializeObject = function()    
    {    
       var o = {};    
       var a = this.serializeArray();    
       $.each(a, function() {    
           if (o[this.name]) {    
               if (!o[this.name].push) {    
                   o[this.name] = [o[this.name]];    
               }    
               o[this.name].push(this.value || '');    
           } else {    
               o[this.name] = this.value || '';    
           }    
       });    
       return o;    
    }; 

    2.调用 JSON.stringify($("#form").serializeObject()) 转换Json字符串

     

     

     

    其它:

    1. 通过$("#form").serialize()可以获取到序列化的表单值字符串。

    name1=1&name2=2&name3=3&name4=4&name5=5

    2.通过$("#form").serializeArray()输出以数组形式序列化表单值。

    [{name: "Radiosinline", value: "1"}, {name: "state", value: "1"}, {name: "visible", value: "0"}]
    {name: "Radiosinline", value: "1"}
    {name: "state", value: "1"}
    {name: "visible", value: "0"}

    方式1:只是将Form序列化拼接成了简单的字符串,并不是JSON格式。

    方式2:将Form表单序列化成JSON数组,需要再次转换成JSON字符串。

    转载于:https://my.oschina.net/u/2433960/blog/915022

    展开全文
  • //将form表单序列化成json格式 $.fn.serializeObject = function () { var o = {}; var a = this.serializeArray(); $.each(a, function () { if (o[this.name] !== undefined) { if (!o[this.name]....
    	//将form表单序列化成json格式
    	$.fn.serializeObject = function () {
    		var o = {};
    		var a = this.serializeArray();
    		$.each(a, function () {
    			if (o[this.name] !== undefined) {
    				if (!o[this.name].push) {
    					o[this.name] = [o[this.name]];
    				}
    				o[this.name].push(this.value || '');
    			} else {
    				o[this.name] = this.value || '';
    			}
    		});
    		return o;
    	};

     

    展开全文
  • 废话不多说,直接上代码 <form class="form-horizontal" id="userEditForm" role="form" > <div class="form-group"> <label class="col-sm-2 contr...

    废话不多说,直接上代码

      <form class="form-horizontal"  id="userEditForm" role="form" >
                            <div class="form-group">
                                <label  class="col-sm-2 control-label">应用类型</label>
                                <div class="col-sm-10">
                                    <label class="radio-inline">
                                        <input type="radio" name="appType"  id="Android" value="1" checked> Android
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="appType" id="ios" value="2"> ios
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="appType" id="web" value="3"> web
                                    </label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="appName" class="col-sm-2 control-label">应用名称</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="appName" id="appName" placeholder="请输入应用名称">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="appVersion" class="col-sm-2 control-label">应用版本</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="appVersion" id="appVersion" placeholder="请输入应用版本">
                                </div>
                            </div>
    
                            <div class="form-group">
                            <label for="appPackage" class="col-sm-2 control-label">应用包名</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="appPackage" id="appPackage" placeholder="请输入应用包名">
                            </div>
                            </div>
                            <div class="form-group">
                                <label for="appDesc" class="col-sm-2 control-label">应用介绍</label>
                                <div class="col-sm-10">
                                    <textarea class="form-control" rows="3" name="appDesc" id="appDesc" placeholder="请填写应用介绍信息,最多700字"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="appReportFunction" class="col-sm-2 control-label">测试报告</label>
                                <div class="col-sm-10">
                                    <textarea class="form-control" rows="3" name="appReportFunction" id="appReportFunction" placeholder="请输入功能测试报告链接,每条l链接以','分隔"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="appReportCompatible" class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <textarea class="form-control" rows="3" name="appReportCompatible" id="appReportCompatible" placeholder="请输入兼容测试报告链接,每条l链接以','分隔"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="appReportPerformance" class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <textarea class="form-control" rows="3" name="appReportPerformance" id="appReportPerformance" placeholder="请输入性能测试报告链接,每条l链接以','分隔"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="appReportSec" class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <textarea class="form-control" rows="3" name="appReportSec" id="appReportSec" placeholder="请输入安全测试报告链接,每条l链接以','分隔"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="appReportInterface" class="col-sm-2 control-label"></label>
                                <div class="col-sm-10">
                                    <textarea class="form-control" rows="3" name="appReportInterface" id="appReportInterface" placeholder="请输入接口测试报告链接,每条l链接以','分隔"></textarea>
                                </div>
                            </div>
    
    
                        </form>

    将这个表单的数据提交给接口,接口所需为JSON对象

    因为通过$("#form").serializeArray()输出的是数组形式的,所以我们必须用别的方法

    $(function(){
     //序列化表单
            $.fn.serializeObject = function()
            {
                var o = {};
                var a = this.serializeArray();
                $.each(a, function() {
                    if (o[this.name] !== undefined) {
                        if (!o[this.name].push) {
                            o[this.name] = [o[this.name]];
                        }
                        o[this.name].push(this.value || '');
                    } else {
                        o[this.name] = this.value || '';
                    }
                });
                return o;
            };
            // 确定表单验证
            $('#validateBtn').click(function() {
                $('#userEditForm').bootstrapValidator('validate');
                var params = $("#userEditForm").serializeObject(); //将表单序列化为JSON对象
                console.log(params)
                var url ="/admin/appApply/addAppApply.htm"
                $.post(url,params,function (resp) {
                    $('#userEditForm').data('bootstrapValidator').resetForm(true);
                    console.log(resp)
                }).error(function(){
                    alert("出错");
                });
                   });
    })

    具体是怎么转化的呢?

    1、

    //序列化表单
    $.fn.serializeObject = function()
    {
        var o = {};
        var a = this.serializeArray();
        $.each(a, function() {
            if (o[this.name] !== undefined) {
                if (!o[this.name].push) {
                    o[this.name] = [o[this.name]];
                }
                o[this.name].push(this.value || '');
            } else {
                o[this.name] = this.value || '';
            }
        });
        return o;
    };

    先写一个serializeObject将表单数据序列化的方法

    2、var params = $("#userEditForm").serializeObject(); //将表单序列化为JSON对象,获取到你要的对应表单json数据传给接口,就完事了

    展开全文
  • serializeObject = function (form) { var o = {}; $.each(form.serializeArray(), function (index) { if (o[this['name']]) { o[this['name']] = o[this['name']] + "," + this['val...
    serializeObject = function (form) {
        var o = {};
        $.each(form.serializeArray(), function (index) {
            if (o[this['name']]) {
                o[this['name']] = o[this['name']] + "," + this['value'];
            } else {
                o[this['name']] = this['value'];
            }
        });
        return o;
    };

     

    展开全文
  • $.fn.serializeJson = function () {//form serialize to json var serializeObj = {}; var array = this.serializeArray(); $(array).each( function () { if (serializeObj[this.name]) { if ($.isArray...
  • $.fn.serializeObject = function() {  var o = {};  var a = this.serializeArray();  $.each(a, function() {  if (o[this.name] !...JSON.stringify($("#form").serializeObject()); 
  • 2019独角兽企业重金招聘Python工程师标准>>> ...var data = $("#formId").notEmptyserializeJson();     转载于:https://my.oschina.net/u/3445245/blog/1838865
  • 2019独角兽企业重金招聘Python工程师标准>>> $.fn.notEmptyserializeJson = function () ... return JSON.stringify(o); }; 转载于:https://my.oschina.net/u/3445245/blog/1929406
  • $.ajax({ type: "post", url: "*******", data: JSON.stringify($("#jxForm").serializeForJSON()),//$("#jxForm").serializeArray(), dataType: 'json', contentType: "application/json", success: function (rst...
  • form表单序列化JSON

    千次阅读 2015-08-28 15:01:57
    有时会将前端的数据json化后,传递到后台处理。 在页面提交时,需要将前端form表单中的数据json化,结合form的序列化方法将拥有name的表单域封装成Json结构数据
  • 主要介绍了jQuery实现form表单序列化转换为json对象功能,结合实例形式分析了表单数据传输中使用serializeJson进行序列化操作相关实现技巧,需要的朋友可以参考下
  • 本文实例讲述了jQuery实现form表单序列化转换为json对象功能。分享给大家供大家参考,具体如下:做web前端开发时,需要ajax提交大量表单数据,如果一个个form字段拼接很费劲也容易出错,下面方法可解决这个问题...
  • js将form表单序列化[json字符串、数组、对象] (转至:http://www.cnblogs.com/bjlhx/p/6659392.html)   1.序列化为字符串 $("#Form").serialize();//name=zhangsan&amp;sex=1&amp;age=20 ...
  • 终于解决将form表单序列化为json提交的问题,本来很简单,只怪自己当初没看懂~
  • form表单序列化转换为json对象 //form表单序列化转换为json对象 (function($){ $.fn.serializeJson=function(){ var serializeObj={}; var array=this.serializeArray(); $(array).each(function(){ if...
  • 本例中使用的是easyui,利用easyui-datagrid的特性,在查询时,将from表单的数据序列化成json对象绑定到datagrid上,一起提交到后台。   $("#btn").click(function(){ //将查询表单数据转换为json数据...
  • //获取用户在添加表单中输入的数据 var pars = $("#addUserForm").... //(JQuery中的函数)将form表单中的数据序列化成JSON对象格式{"UserName":"张三","UserPwd":"123456"} $.post("AddUserInfo.ashx", pars, funct
  • 主要介绍了jQuery实现form表单元素序列化为json对象的方法,涉及jQuery基于serializeArray方法实现表单序列化的相关技巧,需要的朋友可以参考下
  • /** 表单序列化成json字符串的方法 */ function form2JsonString() {debugger; //searchForm,Form表单的Id var paramArray = $("#searchForm").serializeArray(); /*请求参数转json对象*/ var jsonObj={}...
  • JS将表单序列化成 json

    千次阅读 2014-08-27 17:16:35
    最近项目用到JqGrid。在查询的时候需要把Form表单序列
  • form表单序列化结果成为json格式的

    千次阅读 2018-05-30 17:30:51
    $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[th...
  • /** 表单序列化成json字符串的方法 */ function form2JsonString(formId) { //获取准备提交后台的表单域数组Array(size) [ { name: "uname", value: "12312" }, {…}, {name: "fav", value: "2"}, {name: "fav", ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 18,762
精华内容 7,504
关键字:

form表单序列化成json