Jquery序列化表单转换成Json

最新推荐文章于 2023-10-01 12:54:37 发布

kobe1134

最新推荐文章于 2023-10-01 12:54:37 发布

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Jquery 文章标签： Jquery

本文链接：https://blog.youkuaiyun.com/zj972535075/article/details/54918679

Jquery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种解决使用jQuery序列化表单时遇到的问题的方法。由于原生序列化方法生成的数据格式不符合JSON标准，导致服务器返回400错误。为了解决这个问题，文中提供了一个自定义函数来将表单数据转换成正确的JSON格式。

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

今天序列化表单的数据的时候，调用原生的jquey的序列化方法，总是报错400错误。原来是因为序列化的对象不是JSON String.

$(‘#form1’).serializeArray();会得到下面的数组

这里写图片描述

$(‘#form1’).serialize();会是下面的字符串
username=kobe1134&content=11111

所以需要自己实现JSON String。

$.fn.serializeObject = function()
            {
                var o = {};
                var a = this.serializeArray();
                $.each(a, function() {
                    if (o[this.name] !== undefined) {
                        if (!o[this.name].push) {
                            o[this.name] = [o[this.name]];
                        }
                        o[this.name].push(this.value || '');
                    } else {
                        o[this.name] = this.value || '';
                    }
                });
                return o;
            };