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封装webapp滑动效果(惯性滑动、滑动回弹)
May 06 Javascript
jQuery中map()方法用法实例
Jan 06 Javascript
js显示文本框提示文字的方法
May 07 Javascript
基于javascript实现句子翻牌网页版小游戏
Mar 23 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
Jan 05 Javascript
JS对象创建的几种方式整理
Feb 28 Javascript
微信小程序如何获取openid及用户信息
Jan 26 Javascript
JS双向链表实现与使用方法示例(增加一个previous属性实现)
Jan 31 Javascript
教你30秒发布一个TypeScript包到NPM的方法步骤
Jul 22 Javascript
layui动态绑定事件的方法
Sep 20 Javascript
mpvue实现左侧导航与右侧内容的联动
Oct 21 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
现磨咖啡骗局!现磨咖啡=新鲜咖啡?现磨咖啡背后的猫腻你不懂!
2019/03/28 冲泡冲煮
几个实用的PHP内置函数使用指南
2014/11/27 PHP
ThinkPHP模板循环输出Volist标签用法实例详解
2016/03/23 PHP
PHP实现创建微信自定义菜单的方法示例
2017/07/14 PHP
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
麦鸡的TAB切换功能结合了javascript和css
2007/12/17 Javascript
Fastest way to build an HTML string(拼装html字符串的最快方法)
2011/08/20 Javascript
JavaScript之引用类型介绍
2012/08/10 Javascript
jQuery图片左右滚动代码 有左右按钮实例
2016/06/20 Javascript
jquery.multiselect多选下拉框实现代码
2016/11/11 Javascript
jQuery基于ajax操作json数据简单示例
2017/01/05 Javascript
基于jQuery代码实现圆形菜单展开收缩效果
2017/02/13 Javascript
深入理解vue $refs的基本用法
2017/07/13 Javascript
浅谈JavaScript find 方法不支持IE的问题
2017/09/28 Javascript
jQuery ajax调用webservice注意事项
2017/10/08 jQuery
Vue2仿淘宝实现省市区三级联动
2020/04/15 Javascript
详解Vue This$Store总结
2018/12/17 Javascript
Python的Flask框架中实现分页功能的教程
2015/04/20 Python
Python编程实现生成特定范围内不重复多个随机数的2种方法
2017/04/14 Python
Python三种遍历文件目录的方法实例代码
2018/01/19 Python
对pandas进行数据预处理的实例讲解
2018/04/20 Python
python利用小波分析进行特征提取的实例
2019/01/09 Python
解决python 上传图片限制格式问题
2019/10/30 Python
opencv3/C++ 平面对象识别&透视变换方式
2019/12/11 Python
PyTorch的torch.cat用法
2020/06/28 Python
NIHAOMARKET官方海外旗舰店:意大利你好华人超市
2018/01/27 全球购物
DogBuddy荷兰:找到你最完美的狗保姆
2019/04/17 全球购物
经贸日语专业个人求职信范文
2013/12/28 职场文书
代理人委托书
2014/09/16 职场文书
机关副主任个人四风问题整改措施
2014/09/26 职场文书
给病人的慰问信
2015/03/23 职场文书
2015年个人招商工作总结
2015/04/25 职场文书
离婚民事起诉状
2015/08/03 职场文书
深入理解python协程
2021/06/15 Python
JavaScript获取URL参数的方法分享
2022/04/07 Javascript
使用CSS自定义属性实现骨架屏效果
2022/06/21 HTML / CSS