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 相关文章推荐
基于jQuery的表格操作插件
Apr 22 Javascript
jQuery Mobile 导航栏代码
Nov 01 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
Feb 05 Javascript
JavaScript生成SQL查询表单的方法
Aug 13 Javascript
jQuery插件Validate实现自定义校验结果样式
Jan 18 Javascript
js HTML5多媒体影音播放
Oct 17 Javascript
前端页面文件拖拽上传模块js代码示例
May 19 Javascript
基于Node.js实现压缩和解压缩的方法
Feb 13 Javascript
JS实现数组去重,显示重复元素及个数的方法示例
Jan 21 Javascript
js中对象与对象创建方法的各种方法
Feb 27 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
Feb 10 Javascript
JS实现页面数据懒加载
Feb 13 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查询分页的实现代码
2017/06/09 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
面向对象的Javascript之一(初识Javascript)
2012/01/20 Javascript
循环 vs 递归浅谈
2013/02/28 Javascript
JQuery中SetTimeOut传参问题探讨
2013/05/10 Javascript
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
基于jQuery滑动杆实现购买日期选择效果
2015/09/15 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
javascript中call apply 与 bind方法详解
2016/03/10 Javascript
JS简单实现移动端日历功能示例
2016/12/28 Javascript
nodejs入门教程二:创建一个简单应用示例
2017/04/24 NodeJs
微信小程序联网请求的轮播图
2017/07/07 Javascript
JavaScript实现省市联动过程中bug的解决方法
2017/12/04 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
2019/05/22 Javascript
CKeditor4 字体颜色功能配置方法教程
2019/06/26 Javascript
vue 组件开发原理与实现方法详解
2019/11/29 Javascript
Vue路由管理器Vue-router的使用方法详解
2020/02/05 Javascript
用python实现批量重命名文件的代码
2012/05/25 Python
Python中的字符串替换操作示例
2016/06/27 Python
详解python实现读取邮件数据并下载附件的实例
2017/08/03 Python
python读取txt文件并取其某一列数据的示例
2019/02/19 Python
Appium+python自动化之连接模拟器并启动淘宝APP(超详解)
2019/06/17 Python
Django项目基础配置和基本使用过程解析
2019/11/25 Python
如何在Python3中使用telnetlib模块连接网络设备
2020/09/21 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
java程序员面试交流
2012/11/29 面试题
创业计划书的内容步骤和要领
2014/01/04 职场文书
校园达人秀策划书
2014/01/12 职场文书
司法局火灾防控方案
2014/06/05 职场文书
幼儿园门卫岗位职责范本
2014/07/02 职场文书
幼儿教师暑期培训方案
2014/08/27 职场文书
2014矛盾纠纷排查调处工作总结
2014/12/09 职场文书
投资申请报告
2015/05/19 职场文书
地道战观后感400字
2015/06/04 职场文书
Nginx安装配置详解
2022/06/25 Servers