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 加号(+)运算符号
Dec 06 Javascript
JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
Oct 11 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
Aug 06 Javascript
JavaScript中日期的相关操作方法总结
Oct 24 Javascript
又一款js时钟!transform实现时钟效果
Aug 15 Javascript
js实现拖拽上传图片功能
Aug 01 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
Aug 23 jQuery
node.js 用socket实现聊天的示例代码
Oct 17 Javascript
在vue中使用setInterval的方法示例
Apr 16 Javascript
微信小程序嵌入腾讯视频源过程详解
Aug 08 Javascript
Vue解析剪切板图片并实现发送功能
Feb 04 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
Oct 02 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
DOTA2【瓜皮时刻】Vol.91 RTZ山史最惨“矿难”
2021/03/05 DOTA
利用php绘制饼状图的实现代码
2013/06/07 PHP
php mysql_real_escape_string函数用法与实例教程
2013/09/30 PHP
php中最简单的字符串匹配算法
2014/12/16 PHP
启用OPCache提高PHP程序性能的方法
2019/03/21 PHP
pjblog中的UBBCode.js
2007/04/25 Javascript
jQuery DIV弹出效果实现代码
2009/07/03 Javascript
js将控件隐藏的方法及display属性介绍
2013/07/04 Javascript
js数组中如何随机取出一个值
2014/06/13 Javascript
jquery实现可拖拽弹出层特效
2015/01/04 Javascript
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
2015/08/11 Javascript
如何提高Dom访问速度
2017/01/05 Javascript
JS图片压缩(pc端和移动端都适用)
2017/01/12 Javascript
javascript自执行函数
2017/02/10 Javascript
vue左侧菜单,树形图递归实现代码
2018/08/24 Javascript
Vue项目中配置pug解析支持
2019/05/10 Javascript
js 计数排序的实现示例(升级版)
2020/01/12 Javascript
如何实现iframe父子传参通信
2020/02/05 Javascript
jQuery实现倒计时功能完整示例
2020/06/01 jQuery
浅谈Ant Design Pro 菜单自定义 icon
2020/11/17 Javascript
详解Django框架中的视图级缓存
2015/07/23 Python
Python如何判断数独是否合法
2016/09/08 Python
python Flask实现restful api service
2017/12/04 Python
Python实现感知器模型、两层神经网络
2017/12/19 Python
Python之web模板应用
2017/12/26 Python
python @property的用法及含义全面解析
2018/02/01 Python
python中验证码连通域分割的方法详解
2018/06/04 Python
python读取Excel实例详解
2018/08/17 Python
python求前n个阶乘的和实例
2020/04/02 Python
CPB肌肤之钥美国官网:Clé de Peau Beauté
2017/09/05 全球购物
J2EE中常用的名词进行解释
2015/11/09 面试题
入党自荐书范文
2014/03/09 职场文书
给老婆的保证书怎么写
2015/05/08 职场文书
2015年保育员个人工作总结
2015/05/13 职场文书
2015年信息化建设工作总结
2015/07/23 职场文书
python 办公自动化——基于pyqt5和openpyxl统计符合要求的名单
2021/05/25 Python