序列化form表单

最新推荐文章于 2025-09-11 21:33:52 发布

转载最新推荐文章于 2025-09-11 21:33:52 发布 · 70 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lovellll/p/10207944.html

文章标签：

#json

本文介绍了一种使用jQuery实现的序列化表单为JSON对象的方法。通过深入解析代码，展示了如何处理复杂的表单数据结构，如层级数据和数组数据，为前端开发者提供了实用的解决方案。


// 序列化JSON字符串
$.fn.serializeObject = function () {
    let o = {};
    let a = this.serializeArray();
    $.each(a, function () {
        let value = this.value;
        let chain = this.name.split(".");
        let c = o;
        $.each(chain, function (i, e) {
            if (i === (chain.length - 1)) {
                if (c[e]) {
                    if (!c[e].push) {
                        c[e] = [c[e]];
                    }
                    c[e].push(value || '');
                } else {
                    c[e] = value || '';
                }
            } else {
                if (!c[e]) {
                    c[e] = {};
                }
            }
            c = o[e];
        });
    });
    return o;
};

转载于:https://www.cnblogs.com/lovellll/p/10207944.html