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


Posted in Javascript onMarch 29, 2017

摘要: 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 相关文章推荐
Javascript 面向对象(三)接口代码
May 23 Javascript
JS格式化数字保留两位小数点示例代码
Oct 15 Javascript
jquery导航制件jquery鼠标经过变色效果示例
Dec 05 Javascript
js 操作select与option(示例讲解)
Dec 20 Javascript
Jquery validation remote 验证的缓存问题解决方法
Mar 25 Javascript
JavaScript跨域方法汇总
Oct 16 Javascript
详解JavaScript函数
Dec 01 Javascript
ArtEditor富文本编辑器增加表单提交功能
Apr 18 Javascript
Bootstrap免费字体和图标网站(值得收藏)
Mar 16 Javascript
javascript中神奇的 Date对象小结
Oct 12 Javascript
bootstrap模态框关闭后清除模态框的数据方法
Aug 10 Javascript
详解express使用vue-router的history踩坑
Jun 05 Javascript
详解如何在Vue2中实现组件props双向绑定
Mar 29 #Javascript
整理关于Bootstrap警示框的慕课笔记
Mar 29 #Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
Mar 29 #Javascript
jQuery实现字体颜色渐变效果的方法
Mar 29 #jQuery
整理关于Bootstrap导航的慕课笔记
Mar 29 #Javascript
javascript 中Cookie读、写与删除操作
Mar 29 #Javascript
移动端利用H5实现压缩图片上传功能
Mar 29 #Javascript
You might like
phalcon model在插入或更新时会自动验证非空字段的解决办法
2016/12/29 PHP
Javascript 调试利器 Firebug使用详解六
2009/07/05 Javascript
jQuery自带的一些常用方法总结
2014/09/03 Javascript
js简单实现Select互换数据的方法
2015/08/17 Javascript
javascript实现倒计时跳转页面
2016/01/17 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
全面解析标签页的切换方式
2016/08/21 Javascript
[Bootstrap-插件使用]Jcrop+fileinput组合实现头像上传功能实例代码
2016/12/20 Javascript
js实现弹窗暗层效果
2017/01/16 Javascript
Bootstrap列表组学习使用
2017/02/09 Javascript
Vue2路由动画效果的实现代码
2017/07/10 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
2017/10/17 Javascript
axios post提交formdata的实例
2018/03/16 Javascript
Webpack devServer中的 proxy 实现跨域的解决
2018/06/15 Javascript
JSONP解决JS跨域问题的实现
2020/05/25 Javascript
Python中的多行注释文档编写风格汇总
2016/06/16 Python
Python使用defaultdict读取文件各列的方法
2017/05/11 Python
Tensorflow 同时载入多个模型的实例讲解
2018/07/27 Python
详解pandas.DataFrame.plot() 画图函数
2020/06/14 Python
详解python with 上下文管理器
2020/09/02 Python
程序设计HTML5 Canvas API
2013/04/08 HTML / CSS
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
你对IPv6了解程度
2016/02/09 面试题
资产经营总监岗位职责范文
2013/12/01 职场文书
七年级音乐教学反思
2014/01/26 职场文书
元旦晚会邀请函
2014/01/27 职场文书
网上快餐厅创业计划书
2014/02/01 职场文书
2014年庆元旦活动方案
2014/02/15 职场文书
元旦联欢会主持词
2014/03/26 职场文书
明信片寄语大全
2014/04/08 职场文书
研究生求职自荐书
2014/06/23 职场文书
街道社区活动报告
2015/02/05 职场文书
求职信范文怎么写
2015/03/19 职场文书
Ajax常用封装库——Axios的使用
2021/05/08 Javascript
python操作xlsx格式文件并读取
2021/06/02 Python
使用python创建股票的时间序列可视化分析
2022/03/03 Python