jQuery表单转成json字符串的形式并使用ajax提交

最新推荐文章于 2024-07-14 03:31:16 发布

ZTao-z

最新推荐文章于 2024-07-14 03:31:16 发布

阅读量690

点赞数

分类专栏：工具和插件文章标签： javascript

本文链接：https://blog.csdn.net/think_A_lot/article/details/82534757

版权

工具和插件专栏收录该内容

12 篇文章 0 订阅

订阅专栏

步骤一：表单转json字符串

$.fn.serializeObject = function() {
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
       if (o[this.name]) {
           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;
};

// 使用方法
// $('#form1').serializeObject()

步骤二：ajax提交样例

$.ajax({
    type: "POST",
    dataType: "json",
    url: "/" ,
    data: {"content": $('#form1').serializeObject()},
    async: false,
    success: function (data, textStatus, jqXHR) { ... },
    error: function() { ... }
)};