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 相关文章推荐
Json和Jsonp理论实例代码详解
Nov 15 Javascript
JQuery.get提交页面不跳转的解决方法
Jan 13 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
Sep 23 Javascript
JS插件plupload.js实现多图上传并显示进度条
Nov 29 Javascript
jQuery中ajax错误调试分析
Dec 01 Javascript
ajax与json 获取数据并在前台使用简单实例
Jan 19 Javascript
JavaScript中最常见的三个面试题解析
Mar 04 Javascript
浅谈Angular路由守卫
Aug 26 Javascript
深入解析ES6中的promise
Nov 08 Javascript
JavaScript中常用的简洁高级技巧总结
Mar 10 Javascript
javascript数组去重方法总结(推荐)
Mar 20 Javascript
详解Vue的watch中的immediate与watch是什么意思
Dec 30 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
利用static实现表格的颜色隔行显示
2006/10/09 PHP
rephactor 优秀的PHP的重构工具
2011/06/09 PHP
php实现字符串首字母转换成大写的方法
2015/03/17 PHP
完美解决在ThinkPHP控制器中命名空间的问题
2017/05/05 PHP
js 获取Listbox选择的值的代码
2010/04/15 Javascript
js实现点击链接后窗口缩小并居中的方法
2015/03/02 Javascript
javascript中的Base64、UTF8编码与解码详解
2015/03/18 Javascript
js实现刷新iframe的方法汇总
2015/04/27 Javascript
JS实现文字掉落效果的方法
2015/05/06 Javascript
jQuery密码强度检测插件passwordStrength用法实例分析
2015/10/30 Javascript
javascript实现无缝上下滚动特效
2015/12/16 Javascript
老生常谈js中0到底是 true 还是 false
2017/03/08 Javascript
浅谈Angular2 模块懒加载的方法
2017/10/04 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
2017/11/13 Javascript
分享5个好用的javascript文件上传插件
2018/09/16 Javascript
基于vue中keep-alive缓存问题的解决方法
2018/09/21 Javascript
一起来了解一下JavaScript的预编译(小结)
2021/03/01 Javascript
win与linux系统中python requests 安装
2016/12/04 Python
python读取并写入mat文件的方法
2019/07/12 Python
pytorch实现focal loss的两种方式小结
2020/01/02 Python
win10安装python3.6的常见问题
2020/07/01 Python
浅析Python迭代器的高级用法
2020/07/16 Python
Python如何将将模块分割成多个文件
2020/08/04 Python
python基本算法之实现归并排序(Merge sort)
2020/09/01 Python
html5拖曳操作 HTML5实现网页元素的拖放操作
2013/01/02 HTML / CSS
美国折衷生活方式品牌:Robert Graham
2018/07/13 全球购物
师范应届毕业生自荐信
2013/11/18 职场文书
自考生自我评价分享
2014/01/18 职场文书
电子商务个人职业生涯规划范文
2014/02/12 职场文书
装修协议书范本
2014/04/21 职场文书
公司门卫工作职责
2014/06/28 职场文书
写给导师的自荐信
2015/03/06 职场文书
2015年预算员工作总结
2015/05/14 职场文书
九年级英语教学反思
2016/02/15 职场文书
MySQL 数据 data 基本操作
2022/05/04 MySQL
Oracle数据库事务的开启与结束详解
2022/06/25 Oracle