JQUEY 格式化表单数据转JSON格式

最新推荐文章于 2021-12-08 11:50:27 发布

沛元

最新推荐文章于 2021-12-08 11:50:27 发布

阅读量346

点赞数

CC 4.0 BY-SA版权

分类专栏： JQUERY 文章标签：表单 JQUERY

本文链接：https://blog.youkuaiyun.com/u012466438/article/details/53930117

JQUERY 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JQUERY将HTML表单数据格式化为JSON格式的方法。原生的$(selector).serialize()方法不能直接转换为JSON，因此文中提供了一个自定义函数实现这一功能。该函数首先使用serialize()获取表单数据，然后通过自定义的serializeObject()方法转换为对象，最后使用JSON.stringify()将其转换为JSON字符串。

JQUEY 格式化表单数据转JSON格式

原$(selector).serialize() 无法直接通过JSON.stringify() 转成JSON格式(http://www.w3school.com.cn/jquery/ajax_serialize.asp)

//格式化
var prejson=$("#Form").serializeObject();
//等到JSON格式数据
var json=JSON.stringify(prejson);

$.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;
};