将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 实现GridView异步排序、分页的代码
Feb 06 Javascript
js与C#进行时间戳转换
Nov 14 Javascript
JavaScript对象之深度克隆介绍
Dec 08 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
Sep 27 Javascript
js防阻塞加载的实现方法
Sep 09 Javascript
学习JavaScript图片预加载模块
Nov 07 Javascript
javascript输出AscII码扩展集中的字符方法
Dec 26 Javascript
简单实现jQuery级联菜单
Jan 09 Javascript
JavaScript 数据类型详解
Mar 13 Javascript
JS实现页面内跳转的简单代码
Sep 03 Javascript
jQuery 开发之EasyUI 添加数据的实例
Sep 26 jQuery
小程序实现可拖动的悬浮按钮
Sep 07 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 5.3.1 安装包 VC9 VC6不同版本的区别是什么
2010/07/04 PHP
php的sso单点登录实现方法
2015/01/08 PHP
php中的登陆login实例代码
2016/06/20 PHP
Ubuntu VPS中wordpress网站打开时提示”建立数据库连接错误”的解决办法
2016/11/03 PHP
Yii2 加载css、js 载静态资源的方法
2017/03/10 PHP
javascript中常用编程知识
2013/04/08 Javascript
js截取字符串的两种方法及区别详解
2013/11/05 Javascript
php+js实现倒计时功能
2014/06/02 Javascript
node.js中的http.request方法使用说明
2014/12/14 Javascript
jQuery实现鼠标经过图片变亮其他变暗效果
2015/05/08 Javascript
JavaScript结合Bootstrap仿微信后台多图文界面管理
2016/07/22 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
2017/06/04 Javascript
angular中实现li或者某个元素点击变色的两种方法
2017/07/27 Javascript
[01:17]Ti4 循环赛第一日回顾
2014/07/11 DOTA
关于你不想知道的所有Python3 unicode特性
2014/11/28 Python
Python的dict字典结构操作方法学习笔记
2016/05/07 Python
python文本数据相似度的度量
2018/03/12 Python
python进行两个表格对比的方法
2018/06/27 Python
Python 3.6 -win64环境安装PIL模块的教程
2019/06/20 Python
django框架模板语言使用方法详解
2019/07/18 Python
Django框架 信号调度原理解析
2019/09/04 Python
python matplotlib拟合直线的实现
2019/11/19 Python
Python面向对象原理与基础语法详解
2020/01/02 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
Django中从mysql数据库中获取数据传到echarts方式
2020/04/07 Python
瑞典领先的汽车零部件网上零售商:bildelaronline24.se
2017/01/12 全球购物
LN-CC日本:高端男装和女装的奢侈时尚目的地
2019/09/01 全球购物
专升本自我鉴定
2013/10/10 职场文书
函授教育个人学习的自我评价
2013/12/31 职场文书
宣传工作经验材料
2014/06/02 职场文书
群众路线教育实践活动对照检查材料思想汇报(副处级领导)
2014/10/04 职场文书
优秀少先队员事迹材料
2014/12/24 职场文书
离职证明范本
2015/06/12 职场文书
python读取mnist数据集方法案例详解
2021/09/04 Python
深入解析MySQL索引数据结构
2021/10/16 MySQL