Javascript如何封装from表单数据为json串进行ajax提交

这篇文章主要介绍了Javascript如何封装from表单数据为json串进行ajax提交，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于做网站、网站设计、张店网络推广、成都微信小程序、张店网络营销、张店企业策划、张店品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联公司为所有大学生创业者提供张店建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com

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

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
  }
});

感谢你能够认真阅读完这篇文章，希望小编分享的“Javascript如何封装from表单数据为json串进行ajax提交”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!