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 相关文章推荐
由prototype_1.3.1进入javascript殿堂-类的初探
Nov 06 Javascript
JavaScript 学习笔记二 字符串拼接
Mar 28 Javascript
通过继承IHttpHandle实现JS插件的组织与管理
Jul 13 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
Feb 19 Javascript
Vue.js 60分钟快速入门教程
Mar 28 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
Feb 03 Javascript
vue2.0 循环遍历加载不同图片的方法
Mar 06 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
Mar 12 Javascript
vue 利用路由守卫判断是否登录的方法
Sep 29 Javascript
javascript匿名函数中的'return function()'作用
Oct 15 Javascript
Vue.js 图标选择组件实践详解
Dec 03 Javascript
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
Jun 14 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
站长助手-网站web在线管理程序 v1.0 下载
2007/05/12 PHP
php获取某个目录大小的代码
2008/09/10 PHP
PHP URL路由类实例
2013/11/12 PHP
php简单获取文件扩展名的方法
2015/03/24 PHP
jquery复选框CHECKBOX全选、反选
2008/08/30 Javascript
点击文章内容处弹出页面代码
2009/10/01 Javascript
JavaScript Event学习第十章 一些可替换的事件对
2010/02/10 Javascript
js滚动条回到顶部的代码
2011/12/06 Javascript
JS调用CS里的带参方法实例
2013/08/01 Javascript
jQuery Form 页面表单提交的小例子
2013/11/15 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
jQuery实现向下滑出的平滑下拉菜单效果
2015/08/21 Javascript
简单的js计算器实现
2016/10/26 Javascript
深入理解Angularjs中的$resource服务
2016/12/31 Javascript
图文讲解vue的v-if使用方法
2019/02/11 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
2019/05/28 jQuery
vue实现树形结构样式和功能的实例代码
2019/10/15 Javascript
Python代码的打包与发布详解
2014/07/30 Python
Python中的FTP通信模块ftplib的用法整理
2016/07/08 Python
python实现画一颗树和一片森林
2018/06/25 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
pandas把所有大于0的数设置为1的方法
2019/01/26 Python
Python线程障碍对象Barrier原理详解
2019/12/02 Python
Python各种扩展名区别点整理
2020/02/27 Python
解决pycharm不能自动补全第三方库的函数和属性问题
2020/03/12 Python
Python 解析库json及jsonpath pickle的实现
2020/08/17 Python
HTML5 与 XHTML2
2008/10/17 HTML / CSS
使用spring mvc+localResizeIMG实现HTML5端图片压缩上传的功能
2016/12/16 HTML / CSS
char型变量中能不能存贮一个中文汉字
2015/07/08 面试题
自荐书范文
2013/12/08 职场文书
听课评语大全
2014/04/30 职场文书
主持人演讲稿
2014/05/13 职场文书
手术室护士节演讲稿
2014/08/27 职场文书
安全教育主题班会总结
2015/08/14 职场文书
阿里云国际版 使用Nginx作为HTTPS转发代理服务器
2022/05/11 Servers
ubuntu如何搭建vsftpd服务器
2022/12/24 Servers