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 如何实现对数据库的增删改查
Nov 23 Javascript
自己封装的常用javascript函数分享
Jan 07 Javascript
AngularJs根据访问的页面动态加载Controller的解决方案
Feb 04 Javascript
JavaScript简单修改窗口大小的方法
Aug 03 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
Nov 19 Javascript
Material(包括Material Icon)在Angular2中的使用详解
Feb 11 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
Sep 17 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
May 10 Javascript
webpack4之如何编写loader的方法步骤
Jun 06 Javascript
python实现迭代法求方程组的根过程解析
Nov 25 Javascript
微信小程序事件流原理解析
Nov 27 Javascript
JS性能优化实现方法及优点进行
Aug 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
escape unescape的php下的实现方法
2007/04/27 PHP
基于php socket(fsockopen)的应用实例分析
2013/06/02 PHP
解析php中heredoc的使用方法
2013/06/17 PHP
使用淘宝IP库获取用户ip地理位置
2013/10/27 PHP
PHP文件生成的图片无法使用CDN缓存的解决方法
2015/06/20 PHP
表单提交错误后返回内容消失问题的解决方法(PHP网站)
2015/10/20 PHP
THinkPHP获取客户端IP与IP地址查询的方法
2016/11/14 PHP
JS 文件本身编码转换 图文教程
2009/10/12 Javascript
JS简单的轮播的图片滚动实例
2013/06/17 Javascript
js的2种继承方式详解
2014/03/04 Javascript
jQuery中选择器小问题(新人难免遇到)
2014/03/31 Javascript
简单实现轮播图效果的实例
2016/07/15 Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
2016/08/05 Javascript
基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
2016/08/29 Javascript
JS和canvas实现俄罗斯方块
2017/03/14 Javascript
详解如何提高 webpack 构建 Vue 项目的速度
2017/07/03 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
2017/09/12 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
2017/10/14 jQuery
nodejs基于WS模块实现WebSocket聊天功能的方法
2018/01/12 NodeJs
JavaScript多态与封装实例分析
2018/07/27 Javascript
Node.js 使用axios读写influxDB的方法示例
2018/10/26 Javascript
[01:32]2014DOTA2西雅图邀请赛 CIS我们有信心进入正赛
2014/07/08 DOTA
[45:18]完美世界DOTA2联赛循环赛 PXG vs IO 第二场 11.06
2020/11/09 DOTA
python基础教程之while循环
2019/08/14 Python
pytorch实现用Resnet提取特征并保存为txt文件的方法
2019/08/20 Python
PyCharm2018 安装及破解方法实现步骤
2019/09/09 Python
python 解决Windows平台上路径有空格的问题
2020/11/10 Python
英国顶级足球鞋的领先零售商:Lovell Soccer
2019/08/27 全球购物
20年同学聚会感言
2014/02/03 职场文书
互联网创业计划书写作技巧攻略
2014/03/23 职场文书
联欢晚会主持词
2014/03/25 职场文书
继承公证书
2014/04/09 职场文书
租房协议书样本
2014/08/20 职场文书
先进班集体申报材料
2014/12/26 职场文书
解决Pytorch半精度浮点型网络训练的问题
2021/05/24 Python
mysql的单列多值存储实例详解
2022/04/05 MySQL