jQuery表单序列化为json对象插件

最新推荐文章于 2021-04-08 17:52:48 发布

xinghuo0007

最新推荐文章于 2021-04-08 17:52:48 发布

阅读量1.9k

点赞数

分类专栏： jquery笔记文章标签： jquery 表单 json jquery插件插件

本文链接：https://blog.csdn.net/xinghuo0007/article/details/72674696

版权

本文介绍了一个jQuery插件，用于将表单数据序列化为JSON对象。插件编写过程包括代码解读和调用方法展示。通过示例代码，读者可以了解如何使用该插件，并注意到在使用中可能需要传入的参数及其结果。

摘要由CSDN通过智能技术生成

前言：

我们在开发web的时候，往往会用到表单的序列化，这里写了一个表单序列化的插件，第一次写可
能还不是很好！上一篇转载的文章介绍了如何写jQuery插件，如果有看不懂的jQuery插件的可
以参考一下上一篇文章！

知识点一：写Jquery插件

插件代码：

(function ($) {
    $.fn.getFormJSON = function (options) {
        var defaultSetting = $.extend({ //设置默认值 "isRepeat": true //是否开启多个值的输入控件，例如复选框、多选的select }, options);
        var jsonObj = {};

        if (defaultSetting.isRepeat) {
            $.each(this.serializeArray(), function () { var $name = this.name; if (jsonObj[$name]) {//判断jsonObj里面是否有数据 if ($.isArray(jsonObj[$name])) {//判断jsonObj的属性是否是数组 jsonObj[$name].push(this.value); } else { jsonObj[$name] = [jsonObj[$name], this.value]; } } else { jsonObj[$name] = this.value; } });
        } else {
            $.each(this.serializeArray(), function () { var $name = this.name; if (!(jsonObj[$name])) {//判断jsonObj内是否有this.name属性 ---只保留第一个值 jsonObj[$name] = this.value; } });
        }
        return jsonObj;
    }