form表单序列化转换JSON

最新推荐文章于 2020-07-13 17:58:23 发布

原创最新推荐文章于 2020-07-13 17:58:23 发布 · 703 阅读

0 ·

CC 4.0 BY-SA版权

Ajax 同时被 3 个专栏收录

7 篇文章

订阅专栏

JavaScript

6 篇文章

订阅专栏

JSON

2 篇文章

订阅专栏

本文介绍了一种使用jQuery将HTML表单序列化为JSON格式的方法，此方法可以简化前端与后端的数据交互过程。通过自定义$.fn.serializeForJSON()函数，能够将表单元素的name和value属性转换成JSON对象，便于Ajax请求中作为参数传递。

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

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


  $.ajax({
            type: "post",
            url: "*******",
            data: JSON.stringify($("#jxForm").serializeForJSON()),//$("#jxForm").serializeArray(),
            dataType: 'json',
            contentType: "application/json",
            success: function (rst) {
                console.log(rst);
                if (rst.code == 0) {
                    layer.msg(rst.msg, {time: 1000}, function () {
                        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                        parent.layer.close(index); //再执行关闭
                        parent.searchData();
                    });
                } else {
                    layer.msg(rst.msg, {time: 1000}, function () {
                    });
                }
            }
        });