将form表单通过ajax实现无刷新提交的简单实例


Posted in Javascript onOctober 12, 2016

实例如下:

//将form转换为AJAX提交
  function ajaxSubmit(url,frm,fn){
    var dataPara=getFormJson(frm);
    $.ajax({
      url:url,
      type:"post",
      data:dataPara,
      async:false,
      dataType:'txt',
      success:fn
    });
  }
  //将form中的值转换为键值对
  function getFormJson(frm){
    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;
  }

/*
  //前台调用方式
  function autoSubmitFun(){
     ajaxSubmit("autoSumitScoreAJAX.action",$('#formId'),function(){});
  }
*/

以上就是小编为大家带来的将form表单通过ajax实现无刷新提交的简单实例全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
基于JQuery的6个Tab选项卡插件
Sep 03 Javascript
jQuery之ajax删除详解
Feb 27 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
Mar 12 Javascript
Javascript获取表单名称(name)的方法
Apr 02 Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 Javascript
jquery日历插件e-calendar升级版
Nov 10 Javascript
纯js代码生成可搜索选择下拉列表的实例
Jan 11 Javascript
JavaScript累加、迭代、穷举、递归等常用算法实例小结
May 08 Javascript
微信小程序实现聊天对话(文本、图片)功能
Jul 06 Javascript
vue写h5页面的方法总结
Feb 12 Javascript
微信小程序框架的页面布局代码
Aug 17 Javascript
VSCode 配置uni-app的方法
Jul 11 Javascript
深入理解Node.js的HTTP模块
Oct 12 #Javascript
纯js实现手风琴效果代码
Apr 17 #Javascript
JavaScript 继承详解(六)
Oct 11 #Javascript
JavaScript 继承详解(五)
Oct 11 #Javascript
Javascript动画效果(4)
Oct 11 #Javascript
JavaScript中const、var和let区别浅析
Oct 11 #Javascript
对javascript继承的理解
Oct 11 #Javascript
You might like
PHP 网页过期时间的控制代码
2009/06/29 PHP
PHP5与MySQL数据库操作常用代码 收集
2010/03/21 PHP
php使用正则表达式提取字符串中尖括号、小括号、中括号、大括号中的字符串
2020/04/05 PHP
php metaphone()函数及php localeconv() 函数实例解析
2016/05/15 PHP
tp5.1 框架数据库高级查询技巧实例总结
2020/05/25 PHP
Javascript 写的简单进度条控件
2008/01/22 Javascript
Javascript 变量作用域 两个可能会被忽略的小特性
2010/03/23 Javascript
Javascript 去除数组的重复元素
2010/05/04 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
jquery对ajax的支持介绍
2013/12/10 Javascript
nodejs开发环境配置与使用
2014/11/17 NodeJs
Javascript学习笔记之函数篇(五) : 构造函数
2014/11/23 Javascript
javascript格式化json显示实例分析
2015/04/21 Javascript
asp.net中oracle 存储过程(图文)
2015/08/12 Javascript
让图片跳跃起来  javascript图片轮播特效
2016/02/16 Javascript
js实现简单的手风琴效果
2017/02/27 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
2017/06/22 Javascript
vue引入jq插件的实例讲解
2017/09/12 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
2019/08/07 Javascript
python解析xml文件操作实例
2014/10/05 Python
Python实现对PPT文件进行截图操作的方法
2015/04/28 Python
Python网站验证码识别
2016/01/25 Python
python模拟表单提交登录图书馆
2018/04/27 Python
css3和jquery实现的可折叠导航菜单适合放在手机网页的导航菜单
2014/09/02 HTML / CSS
基于HTML5 Canvas 实现弹出框效果
2017/06/05 HTML / CSS
html5的画布canvas——画出弧线、旋转的图形实例代码+效果图
2013/06/09 HTML / CSS
Html5页面中的返回实现的方法
2018/02/26 HTML / CSS
html5 canvas实现给图片添加平铺水印
2019/08/20 HTML / CSS
HTML5 3D旋转相册的实现示例
2019/12/03 HTML / CSS
Reebok俄罗斯官方网上商店:购买锐步运动服装和鞋子
2016/09/26 全球购物
Evisu官方网站:日本牛仔品牌,时尚街头设计风格
2016/12/30 全球购物
说出ArrayList,Vector, LinkedList的存储性能和特性
2015/01/04 面试题
年终总结会主持词
2014/03/25 职场文书
难忘的一课教学反思
2014/04/30 职场文书
学校政风行风评议工作总结
2014/10/21 职场文书
学雷锋广播稿大全
2015/08/19 职场文书