前端将form数据转化为json再提交

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端将form数据转化为json再提交相关的知识,希望对你有一定的参考价值。

(function($) {
    $.fn.serializeJson = function() {
        var serializeObj = {};
        var array = this.serializeArray();
        var 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 {
                        // 如果表单的数据值是空,将其从序列化的数据中锡除
                        if (!(this.value == "")) {
                            serializeObj[this.name] = this.value;
                        }
                    }
                });
        return serializeObj;
    };
})(jQuery);

 

$(form).serializeJson()

以上是关于前端将form数据转化为json再提交的主要内容,如果未能解决你的问题,请参考以下文章

后台日期时间是10位,前端13位怎么转化成10位再提交给后台

如果将客户端提交的form表单数据提取出来

Extjs4 表单提交传递JSON格式到后台

springboot怎么进行非空验证之后再进行ajax登录

jquery提交时把表单转成json,调用serializeArray()返回空

使用axios发送post请求,将JSON数据改为为form类型