js封装from表单数据为json串进行ajax提交

z77z

于 2017-01-05 20:41:48 发布

阅读量3.5k

点赞数

分类专栏：通用代码文章标签： ajax 表单 json javascript

本文链接：https://blog.youkuaiyun.com/qq_20954959/article/details/54097847

版权

通用代码专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何使用JavaScript将HTML表单数据封装成JSON字符串，并通过Ajax方式发送到服务器。详细阐述了转换和提交过程。

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

json封装代码

function getFormJson(frm) {  //frm：form表单的id
        var o = {};  
        var a = $("#"+frm).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;  
    }

返回的数据格式为标准的json格式，ajax使用如下：

$.ajax({
    type: 'post',
    url: 'your url',
    data: getFormJson(frm),
    success: function(data) {
        // your code
    }
});