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 相关文章推荐
菜单效果
Oct 14 Javascript
jQuery的12招常用技巧分享
Aug 08 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 Javascript
jQuery中appendTo()方法用法实例
Jan 08 Javascript
Jquery on方法绑定事件后执行多次的解决方法
Jun 02 Javascript
Centos7 中 Node.js安装简单方法
Nov 02 Javascript
Ajax跨域实现代码(后台jsp)
Jan 21 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
Sep 19 Javascript
详解react-native WebView 返回处理(非回调方法可解决)
Feb 27 Javascript
基于vue-cli 打包时抽离项目相关配置文件详解
Mar 07 Javascript
Vue.js 十五分钟入门图文教程
Sep 12 Javascript
vue.js实现备忘录demo
Jun 26 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
Apache 配置详解(最好的APACHE配置教程)
2010/07/04 PHP
php 定界符格式引起的错误
2011/05/24 PHP
PHP计算指定日期所在周的开始和结束日期的方法
2015/03/24 PHP
Yii模型操作之criteria查找数据库的方法
2016/07/15 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
PHP中检查isset()和!empty()函数的必要性
2019/02/13 PHP
PHP vsprintf()函数格式化字符串操作原理解析
2020/07/14 PHP
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
2011/03/03 Javascript
js中方法重载如何实现?以及函数的参数问题
2013/08/01 Javascript
javascript属性访问表达式用法分析
2015/04/25 Javascript
JavaScript动态创建div等元素实例讲解
2016/01/06 Javascript
JavaScript学习笔记之数组随机排序
2016/03/23 Javascript
js实现对table的增加行和删除行的操作方法
2016/10/13 Javascript
Vue自定义指令拖拽功能示例
2017/02/17 Javascript
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
javascript数组定义的几种方法
2017/10/06 Javascript
使用cookie绕过验证码登录的实现代码
2017/10/12 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
2017/12/24 Javascript
富文本编辑器vue2-editor实现全屏功能
2019/05/26 Javascript
Layui Table js 模拟选中checkbox的例子
2019/09/03 Javascript
vue-router的钩子函数用法实例分析
2019/10/26 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
Python使用urllib模块的urlopen超时问题解决方法
2014/11/08 Python
python中argparse模块用法实例详解
2015/06/03 Python
Python标准库之collections包的使用教程
2017/04/27 Python
Python实现的微信支付方式总结【三种方式】
2019/04/13 Python
利用python numpy+matplotlib绘制股票k线图的方法
2019/06/26 Python
Django ORM多对多查询方法(自定义第三张表&ManyToManyField)
2019/08/09 Python
python web框架 django wsgi原理解析
2019/08/20 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
Django User 模块之 AbstractUser 扩展详解
2020/03/11 Python
解决Python3.7.0 SSL低版本导致Pip无法使用问题
2020/09/03 Python
某个公司的Java笔面试题
2016/03/11 面试题
离婚协议书应该怎么写
2014/10/12 职场文书
小公司融资,商业计划书的8切记
2019/07/15 职场文书
关于Redis的主从复制及哨兵问题
2022/06/16 Redis