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 相关文章推荐
js 匿名调用实现代码
Jun 19 Javascript
传智播客学习之java 反射
Nov 22 Javascript
改写一个简单的菜单 弹性大小
Dec 02 Javascript
ExtJs使用总结(非常详细)
Mar 22 Javascript
JavaScript面向对象之Prototypes和继承
Jul 12 Javascript
javascript和HTML5利用canvas构建猜牌游戏实现算法
Jul 17 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
Oct 10 Javascript
JS实现可视化文件上传
Sep 08 Javascript
对vue中v-if的常见使用方法详解
Sep 28 Javascript
node.js express框架实现文件上传与下载功能实例详解
Oct 15 Javascript
jQuery实现滑动星星评分效果(每日分享)
Nov 13 jQuery
Vue项目中使用flow做类型检测的方法
Mar 18 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
用文本文件制作留言板提示(上)
2006/10/09 PHP
smarty中英文多编码字符截取乱码问题解决方法
2014/10/28 PHP
Yii2实现ajax上传图片插件用法
2016/04/28 PHP
基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
2006/12/06 Javascript
让你的网站可编辑的实现js代码
2009/10/19 Javascript
基于jQuery的消息提示插件之旅 DivAlert(三)
2010/04/01 Javascript
javascript利用控件对windows的操作实现原理与应用
2012/12/23 Javascript
javascript抖动元素的小例子
2013/10/28 Javascript
JS中window.open全屏命令解析及使用示例
2013/12/11 Javascript
jQuery实现限制textarea文本框输入字符数量的方法
2015/05/28 Javascript
jQuery基于ajax实现带动画效果无刷新柱状图投票代码
2015/08/10 Javascript
使用Javascript监控前端相关数据的代码
2016/10/27 Javascript
JS/jQuery实现简单的开关灯效果【案例】
2019/02/19 jQuery
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
Electron + vue 打包桌面操作流程详解
2019/06/24 Javascript
layui监听select变化,以及设置radio选中的方法
2019/09/24 Javascript
[48:48]完美世界DOTA2联赛PWL S3 Magama vs GXR 第一场 12.19
2020/12/24 DOTA
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
详解python里使用正则表达式的分组命名方式
2017/10/24 Python
python 多线程对post请求服务器测试并发的方法
2019/06/13 Python
超全Python图像处理讲解(多模块实现)
2020/04/13 Python
使用html5制作loading图的示例
2014/04/14 HTML / CSS
美国首屈一指的高品质珠宝设计师和零售商:Allurez
2018/01/23 全球购物
印度最好的在线药品订购网站:PharmEasy
2018/11/30 全球购物
英国在线药房:Express Chemist
2019/03/28 全球购物
财务会计实习报告体会
2013/12/20 职场文书
幼儿园儿童节活动主持词+串词大全
2014/03/21 职场文书
小学二年级评语
2014/04/21 职场文书
社会公德演讲稿
2014/05/20 职场文书
日语系毕业求职信
2014/07/27 职场文书
财务整改报告范文
2014/11/05 职场文书
行政前台岗位职责
2015/04/16 职场文书
企业催款函范本
2015/06/24 职场文书
深度学习小工程练习之垃圾分类详解
2021/04/14 Python
golang import自定义包方式
2021/04/29 Golang
MySQL为数据表建立索引的原则详解
2022/03/03 MySQL