jQuery-form简易封装(hibernate)

最新推荐文章于 2023-10-16 08:45:16 发布

不会撒谎的乌索普

最新推荐文章于 2023-10-16 08:45:16 发布

阅读量366

点赞数

CC 4.0 BY-SA版权

分类专栏： web fr 文章标签： form

本文链接：https://blog.youkuaiyun.com/hncu1306602liuqiang/article/details/80249088

web 同时被 2 个专栏收录

14 篇文章

订阅专栏

12 篇文章

订阅专栏

本文介绍了一种使用jQuery扩展方法实现的表单序列化为JSON格式的技术。该方法能够处理单值和多值输入控件，包括复选框、多选下拉框等，并支持层次化的字段名。此外，还特别提到了对于Hibernate框架的支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var data = $('#formLogin').serializeJson();

封装的方法

//扩展jQuery对象方法
$.fn.serializeJson = function() {
    var serializeObj = {};
    var array = this.serializeArray();
    $(array).each(function() {
        //判断有单值和多值分析
        if (serializeObj[this.name]) {
            //适用于有多个值的输入控件，复选框、多选的select
            if ($.isArray(serializeObj[this.name])) {
                serializeObj[this.name].push(this.value);
            } else {
                serializeObj[this.name] = [serializeObj[this.name], this.value];
            }
        } else {
            //适用于只有一个值的输入控件，文本框
            var idx = this.name.indexOf('\.');
            if (idx > 0) {
                //判断是否层次例如:dept.name=dept:{name:value}
                var firstLevel = this.name.substring(0, idx);
                var secondlevel = this.name.substring(idx + 1);
                var temp = {};
                temp[secondlevel] = this.value;
                serializeObj[firstLevel] = temp;
            } else {
                serializeObj[this.name] = this.value;
            }
        }
    });
    return serializeObj;
};

这个支持hibernate