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

最新推荐文章于 2026-05-24 13:30:55 发布

原创

最新推荐文章于 2026-05-24 13:30:55 发布 · 2k 阅读

标签

#jquery #表单 #json #jquery插件 #插件

收录于

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

前言：

我们在开发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