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编程起步(第七课)
Feb 27 Javascript
$()JS小技巧
Jul 21 Javascript
js各种验证文本框输入格式(正则表达式)
Oct 22 Javascript
实例解析JS布尔对象的toString()方法和valueOf()方法
Oct 25 Javascript
JS onkeypress兼容性写法详解
Apr 27 Javascript
JS生成和下载二维码的代码
Dec 07 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
Dec 26 Javascript
WebGL three.js学习笔记之阴影与实现物体的动画效果
Apr 25 Javascript
JavaScript实现滑动门效果
Jan 18 Javascript
vue2.x 对象劫持的原理实现
Apr 19 Javascript
vue通过接口直接下载java生成好的Excel表格案例
Oct 26 Javascript
React实现动效弹窗组件
Jun 21 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
详解PHP序列化反序列化的方法
2015/10/27 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
PHP实现通过strace定位故障原因的方法
2018/04/29 PHP
javascript的回调函数应用示例
2014/02/20 Javascript
JS对img标签进行优化使用onerror显示默认图像
2014/04/24 Javascript
JQuery中Ajax()的data参数类型实例分析
2015/12/15 Javascript
Jquery使用小技巧汇总
2015/12/29 Javascript
JS实现浏览上传文件的代码
2017/08/23 Javascript
js中数组对象去重的两种方法
2019/01/18 Javascript
node之本地服务器图片上传的方法示例
2019/03/26 Javascript
VUE的history模式下除了index外其他路由404报错解决办法
2019/08/21 Javascript
vue+elementUi 实现密码显示/隐藏+小图标变化功能
2020/01/18 Javascript
js实现视图和数据双向绑定的方法分析
2020/02/05 Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
2020/06/01 Javascript
vue实现简单图片上传
2020/06/30 Javascript
[01:04:39]OG vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python 从远程服务器下载日志文件的程序
2013/02/10 Python
web.py获取上传文件名的正确方法
2014/08/26 Python
Python多线程应用于自动化测试操作示例
2018/12/06 Python
python 读取dicom文件,生成info.txt和raw文件的方法
2019/01/24 Python
python中struct模块之字节型数据的处理方法
2019/08/27 Python
Anaconda+Pycharm环境下的PyTorch配置方法
2020/03/13 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
python读取excel进行遍历/xlrd模块操作
2020/07/12 Python
如何使用Pytorch搭建模型
2020/10/26 Python
python实现网页录音效果
2020/10/26 Python
html5与css3小应用
2013/04/03 HTML / CSS
浅谈Html5多线程开发之WebWorkers
2018/05/02 HTML / CSS
简述数组与指针的区别
2014/01/02 面试题
南京某公司笔试题
2013/01/27 面试题
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
绿色学校实施方案
2014/03/31 职场文书
升学宴主持词
2014/04/02 职场文书
空气的环保标语
2014/06/12 职场文书
村官2015年度工作总结
2015/10/14 职场文书
2019学生会干事辞职信
2019/06/27 职场文书