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回车实现登录简单实现
Aug 20 Javascript
JS对HTML标签select的获取、添加、删除操作
Oct 17 Javascript
javascript如何判断输入的url是否正确
Apr 11 Javascript
推荐一个封装好的getElementsByClassName方法
Dec 02 Javascript
学习JavaScript设计模式(策略模式)
Nov 26 Javascript
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
Apr 13 Javascript
AngularJS日程表案例详解
Aug 15 Javascript
JS实现简单获取最近7天和最近3天日期的方法
Apr 18 Javascript
原生js实现Flappy Bird小游戏
Dec 24 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
Apr 17 Javascript
解决layer.msg 不居中 ifram中的问题
Sep 05 Javascript
基于JavaScript实现简单的轮播图
Mar 03 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 json与xml序列化/反序列化
2013/10/28 PHP
PHP session 会话处理函数
2016/06/06 PHP
Smarty模板配置实例简析
2019/07/20 PHP
自动更新作用
2006/10/08 Javascript
基于jquery实现的鼠标拖拽元素复制并写入效果
2011/08/23 Javascript
jquery实现的鼠标下拉滚动置顶效果
2014/07/24 Javascript
jquery实现键盘左右翻页特效
2015/04/30 Javascript
jquery图片滚动放大代码分享(1)
2015/08/25 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
2016/01/12 Javascript
javascript的 {} 语句块详解
2016/02/27 Javascript
JavaScript几种数组去掉重复值的方法推荐
2016/04/12 Javascript
js简单获取表单中单选按钮值的方法
2016/08/23 Javascript
基于Vuejs框架实现翻页组件
2020/06/29 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
2017/01/18 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
2017/01/19 Javascript
vue实现简单表格组件实例详解
2017/04/16 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
2017/08/19 jQuery
JavaScript实现的简单加密解密操作示例
2018/06/01 Javascript
jQuery实现获取多选框的值示例
2020/02/07 jQuery
前端如何实现动画过渡效果
2021/02/05 Javascript
[44:09]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第二局
2016/02/25 DOTA
[02:05]DOTA2完美大师赛趣味视频之看我表演
2017/11/18 DOTA
[01:34]DOTA2 7.22版本新增神杖效果一览(敏捷英雄篇)
2019/05/28 DOTA
深入理解NumPy简明教程---数组1
2016/12/17 Python
python交互式图形编程实例(一)
2017/11/17 Python
Python实现矩阵加法和乘法的方法分析
2017/12/19 Python
python实现多进程通信实例分析
2019/09/01 Python
分享一个pycharm专业版安装的永久使用方法
2019/09/24 Python
vue.js刷新当前页面的实例讲解
2020/12/29 Python
浅析图片上传及canvas压缩的流程
2020/06/10 HTML / CSS
临床医学大学生求职信
2013/09/28 职场文书
计算机专业自荐信
2014/05/24 职场文书
水电施工员岗位职责
2015/04/11 职场文书
交通事故起诉书
2015/05/19 职场文书
大队委员竞选演讲稿
2015/11/20 职场文书
20180830晚上第一届KSL半决赛 雨神vs解冻(二龙 三炮解说)
2022/04/01 星际争霸