前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >SpringMVC-表单的序列化

SpringMVC-表单的序列化

原创
作者头像
BNTang
发布2023-10-01 20:08:23
1190
发布2023-10-01 20:08:23
举报
文章被收录于专栏:『学习与分享之旅』

需要被序列化的表单内容如下所示:

代码语言:java
复制
<form id="myForm">
    用户名:<input type="text" name="username"/>
    <br/>
    年龄:<input type="text" name="age"/>
    <br/>
    爱好:
    <input type="checkbox" name="hobby" value="篮球"/> 篮球
    <input type="checkbox" name="hobby" value="乒乓球"> 乒乓球
    <input type="checkbox" name="hobby" value="足球"> 足球
</form>
<input type="button" id="formBtn" value="发送">

序列化转 JSON

代码语言:javascript
复制
<script>
    (function ($) {
        $.fn.serializeJson = function () {
            let serializeObj = {};

            let array = this.serializeArray();
            let str = this.serialize();

            $(array).each(function () {
                if (serializeObj[this.name]) {
                    if ($.isArray(serializeObj[this.name])) {
                        serializeObj[this.name].push(this.value);
                    } else {
                        serializeObj[this.name] = [serializeObj[this.name], this.value];
                    }
                } else {
                    serializeObj[this.name] = this.value;
                }
            });
            return serializeObj;
        };
    })(jQuery);
</script>

我正在参与2023腾讯技术创作特训营第二期有奖征文,瓜分万元奖池和键盘手表

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 序列化转 JSON
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档