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

更新时间：2017年03月29日 11:28:15 投稿：lqh

这篇文章主要介绍了Javascript 详解封装from表单数据为json串进行ajax提交的相关资料,需要的朋友可以参考下

摘要: 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
  }
});

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:

原生js实现针对Dom节点的CRUD操作示例
这篇文章主要介绍了原生js实现针对Dom节点的CRUD操作,结合实例形式分析了javascript操作dom节点的创建、获取、增删改查等相关操作技巧,需要的朋友可以参考下
2019-08-08
深入解析ES6中的promise
ES6中的promise对象很早就听说过，据说是为了解决我们使用回调产生回调地狱的问题。今天小编就带领大家通过本文学习下es6中的promise，感兴趣的朋友跟随小编一起看看吧
2018-11-11
javascript原型链继承用法实例分析
这篇文章主要介绍了javascript原型链继承用法,实例分析了javascript原型链继承中的技巧与相关注意事项,非常具有实用价值,需要的朋友可以参考下
2015-01-01
JavaScript类型系统之布尔Boolean类型详解
这篇文章主要介绍了JavaScript类型系统之布尔Boolean类型详解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
js实现文字滚动效果
这篇文章主要为大家详细介绍了js实现文字滚动效果，类似于新闻板块中的公示公告，，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-03-03
写的一段拖动对象的代码
写的一段拖动对象的代码...
2007-01-01
JavaScript布尔运算符原理使用解析
这篇文章主要介绍了JavaScript布尔运算符原理使用解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-05-05
JavaScript如何删除对象的某个属性详析
这篇文章主要给大家介绍了关于JavaScript如何删除对象的某个属性的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-05-05
详解Webpack4多页应用打包方案
这篇文章主要介绍了详解Webpack4多页应用打包方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-07-07
js的函数的按值传递参数(实例讲解)
下面小编就为大家分享一篇js的函数的按值传递参数的实例，具有很好的参考价值，一起跟随小编过来看看吧，希望对大家有所帮助
2017-11-11