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 30 Javascript
Ext.MessageBox工具类简介
Dec 10 Javascript
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Sep 13 Javascript
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载
Jun 28 Javascript
js 触发select onchange事件代码
Mar 20 Javascript
AJAX和jQuery动态加载数据的实现方法
Dec 05 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
Jan 20 Javascript
单行 JS 实现移动端金钱格式的输入规则
May 22 Javascript
关于javascript获取内联样式与嵌入式样式的实例
Jun 01 Javascript
axios发送post请求,提交图片类型表单数据方法
Mar 16 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
Sep 21 Javascript
three.js 如何制作魔方
Jul 31 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
Discuz!5的PHP代码高亮显示插件(黑暗中的舞者更新)
2007/01/29 PHP
使用PHP的日期与时间函数技巧
2008/04/24 PHP
使用php实现下载生成某链接快捷方式的解决方法
2013/05/07 PHP
php中debug_backtrace、debug_print_backtrace和匿名函数用法实例
2014/12/01 PHP
php发送短信验证码完成注册功能
2015/11/24 PHP
点击进行复制的JS代码实例
2013/08/23 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
js整数字符串转换为金额类型数据(示例代码)
2013/12/26 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
详解Javascript动态操作CSS
2014/12/08 Javascript
JavaScript中的null和undefined区别介绍
2015/01/01 Javascript
浅谈javascript构造函数与实例化对象
2015/06/22 Javascript
jQuery实现购物车表单自动结算效果实例
2015/08/10 Javascript
浅析jQuery Ajax请求参数和返回数据的处理
2016/02/24 Javascript
JavaScript 数组- Array的方法总结(推荐)
2016/07/21 Javascript
jQuery如何封装输入框插件
2016/08/19 Javascript
微信小程序 欢迎页面的制作(源码下载)
2017/01/09 Javascript
jquery PrintArea 实现票据的套打功能(代码)
2017/03/17 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
2017/04/20 Javascript
详解vue-cli中配置sass
2017/06/21 Javascript
详解基于Node.js的微信JS-SDK后端接口实现代码
2017/07/15 Javascript
微信小程序项目实践之验证码倒计时功能
2018/07/18 Javascript
原生js实现下拉框选择组件
2021/01/20 Javascript
pandas 获取季度,月度,年度首尾日期的方法
2018/04/11 Python
FFT快速傅里叶变换的python实现过程解析
2019/10/21 Python
Python random库使用方法及异常处理方案
2020/03/02 Python
python 解决Windows平台上路径有空格的问题
2020/11/10 Python
时尚设计师手表:The Watch Cabin
2018/10/06 全球购物
金蝶的一道SQL笔试题
2012/12/18 面试题
学习十八大精神心得体会
2013/12/31 职场文书
会计专业大学生职业生涯规划书
2014/02/11 职场文书
《纸船和风筝》教学反思
2014/02/15 职场文书
求职个人评价范文
2014/04/09 职场文书
企业承诺书怎么写
2014/05/24 职场文书
2015年生产车间工作总结
2015/04/22 职场文书
PHP RabbitMQ消息列队
2022/05/11 PHP