将form表单中的数据组装成json对象

迈不过友情╰ 2022-12-25 14:51 155阅读 0赞

jquery 扩展插件

将form表单中的数据组装成json对象 :

$.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;  
    };

使用方法

var jsonobj = $('#表单ID').serializeObject();

完整示例代码：

function toSave() {     	
    	var flag=$("#formId").valid();
    	if(!flag){ 
    		return ;
    	}
    	
    	var jsonobj = $('#formId').serializeObject();
    	//var data=JSON.stringify(jsonobj),
        $.ajax({ 
            url : "/save",
            type : "POST",      
            contentType: 'application/json', // 提交编码类型为 application/json 
            data : jsonobj ,
            beforeSend: function () { 
                //3.让提交按钮失效，以实现防止按钮重复点击
                $("#saveBtn").attr('disabled', 'disabled');           
            },
            error : function(request) { 
               $("#saveBtn").removeAttr('disabled');
            },
            complete: function () {            
                $("#saveBtn").removeAttr('disabled');
            },
            success : function(data) { 
                if (data.code == 0) {                 
                    layer.msg("注册成功",{ time:3000},function(){ 
                    	parent.location.href = '/login';}
                    );
                } else { 
                    layer.msg(data.msg);      
                    //5.让登陆按钮重新有效
                    $("#saveBtn").removeAttr('disabled');
                }
            },
        });
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，155人围观）

还没有评论，来说两句吧...

相关阅读

相关 jq将from表单转成Json对象

function fromToJsonObj(formId){ var strdata = $(""+formId).serializeArray();

骑猪看日落/ 2023年01月07日 10:27/ 0 赞/ 124 阅读

相关将form表单中的数据组装成json对象

jquery 扩展插件将form表单中的数据组装成json对象 : $.fn.serializeObject = function() { v

迈不过友情╰/ 2022年12月25日 14:51/ 0 赞/ 156 阅读

相关将form表单中的值序列化成对象

在easyui中我们把表单放在datagrid，的toolbar的时候，然后我们用easyui的load方法，我们向后台传数据，，是需要一个对象的 l

怼烎@/ 2022年06月09日 03:23/ 0 赞/ 238 阅读

相关前端基础-09-form表单&json数据

前端基础-form表单,json数据 1.form表单常用标签完整的form表单标签 <form action="http://www.baidu

太过爱你忘了你带给我的痛/ 2022年06月05日 05:39/ 0 赞/ 188 阅读

相关 form表单转换为Json数据

<form id="formDemo" class="layui-form"> <table class="layui-table" lay-even>

缺乏、安全感/ 2022年06月01日 01:18/ 0 赞/ 211 阅读

相关 Vue 中把表单form数据转化成json格式的数据

目的：Vue 中把表单form数据转化成json格式的数据第一步：创建一个数据集（就是你表单需要的数据）如果你表单都是一些正常的数据，比如 text 什么的

红太狼/ 2022年05月13日 12:36/ 0 赞/ 254 阅读

相关自定义jquery的方法，将Form表单中的内容转换成json

// 自定义jquery的方法，将Form表单中的内容转换成json $.fn.serializeJson=function(){

冷不防/ 2022年05月09日 02:52/ 0 赞/ 247 阅读

相关 Form表单提交JSON数据

1.定义方法 //定义serializeObject方法，序列化表单 $.fn.serializeObject = function() {

迈不过友情╰/ 2022年04月18日 03:38/ 0 赞/ 751 阅读

相关前端：form表单转换为Json数据

项目主页 [https://github.com/marioizquierdo/jquery.serializeJSON][https_github.com_mario

短命女/ 2022年03月20日 08:56/ 0 赞/ 651 阅读

相关将数据组装成json数据

coding: utf-8 import sqlite3 import mysql.connector import mysql im

雨点打透心脏的1/2处/ 2021年11月17日 03:08/ 0 赞/ 400 阅读