精华内容
下载资源
问答
  • 在线体验:... 源码如下: /* jQuery类级别插件扩展 */ /* * obj:jQ表单对象 */ ;$.extend({ serializeJSON: function(obj) { var formArr = obj.serializeArray(); var formOb...

    在线体验:http://www.jq22.com/jquery-info18675

    源码如下:

    /* jQuery类级别插件扩展 */
    /*
     * obj:jQ表单对象
    */
    ;$.extend({
        serializeJSON: function(obj) {
            var formArr = obj.serializeArray();
            var formObj = new Object();
            $.each(formArr, function() {
                if (formObj[this.name]) {
                    if (!formObj[this.name].push) {
                        formObj[this.name] = [formObj[this.name]];
                    }
                    formObj[this.name].push(this.value || '');
                    } else {
                        formObj[this.name] = this.value || '';
                }
            });
            return formObj;
        }
    });

    使用方式:

    var loginData=$.serializeJSON($("#loginForm"));    // 返回表单JSON数据

    作者:黄河爱浪 QQ:1846492969,邮箱:helang.love@qq.com

    微信公众号:web-7258,本文原创,著作权归作者所有,转载请注明原链接及出处。

    更多精彩文章,请扫下方二维码关注我的公众号

    展开全文
  • from表单序列化json插件 , 插件支持key-value数据的存储 one-many
  • form表单序列化为json

    千次阅读 2019-07-18 17:00:01
    开发过程中,可能会涉及到表单提交,如果直接提交,那整个页面会刷新,并且也无法获取对应的提示信息。...//form序列化为json $.fn.serializeObject = function() { var o = {}; var a = this.seria...

    开发过程中,可能会涉及到表单提交,如果直接提交,那整个页面会刷新,并且也无法获取对应的提示信息。所以表单提交通常用ajax来实现,如果整个表单的字段很多,一个个的拼接很麻烦,这里介绍一个工具

    common.js代码

    //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;
    };
    

    前端页面

    导入js

    <script src="${pageContext.request.contextPath}/js/comm/common.js"></script>

    使用方法:

    /**
     * 提交修改数据
     */
    function submitUpdate(){
    	var formdata = $("#roleForm").serializeObject();
    	var url = "update";
    	$.ajax({
    		type : "Post",
    		contentType : "application/json; charset=utf-8",
    		// 方法所在页面和方法名
    		dataType : "json",
    		data : JSON.stringify(formdata),
    		url : url,
    		success : function(data) {
    			if(data.code == 0){
    			    return layer.msg(data.error);
    			  }else{   //成功
    				  layer.closeAll();
    				  layer.msg(data.error, {icon: 1});
    				  setTimeout(function(){
    						$("#form").submit();
    				  },2000);
    			  }
    		}
    	});
    }

    注意这里的#form是表单的值

     

    后台代码:

    /**
    	 * 新增或者修改权限   根据id判断是新增还是修改
    	 * @param authority
    	 * @return
    	 */
    	@SuppressWarnings("all")
    	@RequestMapping(value = "update")
    	@ResponseBody
    	public BaseDataResult update(@RequestBody RoleVo role){
    		Principal principal =  getLoginAdminInfo();
    		if(null == principal){
    			logger.info("--------------获取登录用户身份信息为空!");
    			return new BaseDataResult(Constans.FAILED, "获取登录用户身份信息为空");
    		}
    		BaseDataResult result;
    		OperationType type = null;
    		try {
    			if(role != null && role.getId() == null) {    //新增
    				type = OperationType.ADD;
    			}
    			if(role != null && role.getId() != null) {    //修改
    				type = OperationType.UPDATE;
    			}
    			result = roleServiceImpl.insertOrUpdate(role,principal,type);
    		} catch (Exception e) {
    			return new BaseDataResult(Constans.FAILED, type.getDesc()+"操作异常");
    		}
    		return result;
    	}

     

    展开全文
  • 将众多表单属性序列化为json对象,大大简化了代码量。
  • $.ajax({ type: "post", url: "*******", data: JSON.stringify($("#jxForm").serializeForJSON()),//$("#jxForm").serializeArray(), dataType: 'json', contentType: "application/json", success: function (rst...
    $.fn.serializeForJSON = 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;
            };
    
    
      $.ajax({
                type: "post",
                url: "*******",
                data: JSON.stringify($("#jxForm").serializeForJSON()),//$("#jxForm").serializeArray(),
                dataType: 'json',
                contentType: "application/json",
                success: function (rst) {
                    console.log(rst);
                    if (rst.code == 0) {
                        layer.msg(rst.msg, {time: 1000}, function () {
                            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                            parent.layer.close(index); //再执行关闭
                            parent.searchData();
                        });
                    } else {
                        layer.msg(rst.msg, {time: 1000}, function () {
                        });
                    }
                }
            });

    展开全文
  • function form2JsonString(formId) { var paramArray = $('#' + formId).serializeArray(); /*请求参数转json对象*/ var jsonObj = {}; $(paramArray).each(function () { jsonObj...

    很简单,代码如下。。

    function form2JsonString(formId) {
    
        var paramArray = $('#' + formId).serializeArray();
    
        /*请求参数转json对象*/
    
        var jsonObj = {};
    
        $(paramArray).each(function () {
    
            jsonObj[this.name] = this.value;
    
        });
    
        return JSON.stringify(jsonObj);
    
    }
    
    展开全文
  • 基于jQuery.form.js将表单序列化为json对象 jQuery.form.js表单插件,可以让您轻松地在HTML表单中使用AJAX。主要的方法,ajaxForm和ajaxSubmit从表单元素,收集信息,以决定如何管理提交过程。更多方法:...
  • 应用场景: 最近项目里有个需求是,一个form表单提交时,触发父页面的js方法,并且把form表单的一些信息当参数发递过去:最开始的想法是,把想要用到的几个参数获取直接传过去: function toParentAdd() { ...
  • $.fn.serializeJson = function () { var o = {}; var a = this.serializeArray(); $.each(a, function () { o[this.name] = this.value || ''; }); return ...
  • jQuery表单序列化为json对象插件

    千次阅读 2017-05-24 11:21:09
    前言:我们在开发web的时候,往往会用到表单的序列化,这里写了一个表单序列化的插件,第一次写可 能还不是很好!上一篇转载的文章介绍了如何写jQuery插件,如果有看不懂的jQuery插件的可 以参考一下上一篇文章!...
  • form表单序列化json格式有2种方式: 1.使用jquery.min.js 自定义一个serializeJson方法 2.用jquery.serializejson.min.js插件,调用.serializeJSON()方法 form表单序列化 form表单id为 query_form <head> ...
  • 利用jquery提供的serializeArray方法,无需关心表单内容,只要有name属性,就会直接匹配value值,生成一个json对象。 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8">...
  • 参考
  • 表单序列化json

    2020-07-13 17:58:23
    表单数据序列化json,以下js函数:form2JsonString <form action="" id="vform"> <input asp-for="" /><br /> <input asp-for="" /><br /> </form> <div class=...
  • 主要介绍了jQuery序列化form表单数据为JSON对象的实现方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 主要介绍了jQuery实现form表单序列化转换为json对象功能,结合实例形式分析了表单数据传输中使用serializeJson进行序列化操作相关实现技巧,需要的朋友可以参考下
  • $.fn.serializeJson = function () {//form serialize to json var serializeObj = {}; var array = this.serializeArray(); $(array).each( function () { if (serializeObj[this.name]) { if ($.isArray...
  • form表单序列化JSON

    千次阅读 2015-08-28 15:01:57
    有时会将前端的数据json化后,传递到后台处理。 在页面提交时,需要将前端form表单中的数据json化,结合form的序列化方法将拥有name的表单域封装成Json结构数据
  • js时间格式 new Date().format(“时间格式") Date.prototype.format = function(fmt) {   var o = {   "M+" : this.getMonth()+1, //月份   "d+" : this.getDate(), /
  • 这段代码序列化form表单元素为json对象: <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <title>jQuery扩展——form序列化json对象</title> <meta ...
  • //获取表单值 data= decodeURIComponent(data,true);//防止中文乱码 var json = DataDeal.formToJson(data);//转化为json console.log('json='+json) } };   转载于:...
  • serializeArray() 方法序列化表单元素(类似 .serialize() 方法),返回 JSON 数据结构数据. 输出以数组形式序列化表单值的结果: 2、jQuery ajax - serialize() 方法 输出序列化表单值的结果: serialize() 方法...
  • Form表单参数序列化Json对象:1. 使用serializeJsonObject2. jquery.serializejson.min.js 1. 使用serializeJsonObject 在低版本的jQ中,可以使用serializeJsonObject,直接将form里面的参数序列化为Json对象。亲...
  • layui--将form表单序列化为json

    千次阅读 2019-08-31 16:54:39
    将form表单序列化为json的事件 $.fn.serializeJson = function () { var serializeObj = {}; var array = this.serializeArray(); $.each(array, function () { if (serializeObj[this.name] !== undefined) { ...
  • var DataDeal = { //将从form中通过$('#refer').serialize()获取的值转成json formToJson: function (data) { data=data.replace(/&/g,"\",\""); data=data.replace(/=/g,"\":\""); ...
  • 小程序接收后端JSON并反序列化

    千次阅读 2019-02-22 18:07:14
    wx.request({ url: 'http://localhost:8080/shugao/VServlet', //这里''里面填写你... method: 'GET', // 声明GET请求 data:{ ddd:"123" }, dataType:JSON, header: { 'content-type': 'applicati...
  • * 将Json数组转为Json字符串,即将$("#form-test").serializeArray()的内容转为json字符串 * @param formArray即 $("#form-test").serializeArray(),为json数组 * @returns {string} json字符串 */ function ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 27,889
精华内容 11,155
关键字:

表单序列化json