将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 相关文章推荐
网页开发中的容易忽略的问题 javascript HTML中的table
Apr 15 Javascript
JQuery自定义事件的应用 JQuery最佳实践
Aug 01 Javascript
Javascript继承(上)——对象构建介绍
Nov 08 Javascript
在JavaScript的jQuery库中操作AJAX的方法讲解
Aug 15 Javascript
Js实现简单的小球运动特效
Feb 18 Javascript
js 判断数据类型的几种方法
Jan 13 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
Sep 13 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
Vue项目中添加锁屏功能实现思路
Jun 29 Javascript
JS返回页面时自动回滚到历史浏览位置
Sep 26 Javascript
解决webpack+Vue引入iView找不到字体文件的问题
Sep 28 Javascript
json_decode 索引为数字时自动排序问题解决方法
Mar 28 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
网络资源
2006/10/09 PHP
PHP中number_format()函数的用法讲解
2019/04/08 PHP
PHP设计模式之组合模式定义与应用示例
2020/02/01 PHP
Javascript中的常见排序算法
2007/03/27 Javascript
给jQuery方法添加回调函数一款插件的应用
2013/01/21 Javascript
Node.js抓取中文网页乱码问题和解决方法
2015/02/10 Javascript
angularjs实现文字上下无缝滚动特效代码
2016/09/04 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
vue实现分页组件
2020/06/16 Javascript
微信小程序使用websocket通讯的demo,含前后端代码,亲测可用
2019/05/22 Javascript
JavaScript实现简单的计算器
2020/01/16 Javascript
js实现弹窗效果
2020/08/09 Javascript
Python更新数据库脚本两种方法及对比介绍
2017/07/27 Python
Python实现登陆文件验证方法
2018/10/06 Python
在PyCharm导航区中打开多个Project的关闭方法
2019/01/17 Python
python实现Dijkstra算法的最短路径问题
2019/06/21 Python
如何用Python制作微信好友个性签名词云图
2019/06/28 Python
Python Django 命名空间模式的实现
2019/08/09 Python
在OpenCV里使用Camshift算法的实现
2019/11/22 Python
python实现指定ip端口扫描方式
2019/12/17 Python
django列表筛选功能的实现代码
2020/03/27 Python
css3.0 图形构成实例练习二
2013/03/19 HTML / CSS
性能服装:HYLETE
2018/08/14 全球购物
Molly Bracken法国电子商店:法国女性时尚品牌
2019/07/24 全球购物
欧洲著名的二手奢侈品网站:Vestiaire Collective
2020/03/07 全球购物
荷兰睡眠专家:Beter Bed
2020/11/23 全球购物
学习新党章思想汇报
2014/01/09 职场文书
护理学专业求职信
2014/06/29 职场文书
乡镇党委书记第三阶段个人整改措施
2014/09/16 职场文书
法人授权委托书范本
2014/09/17 职场文书
班子四风对照检查材料思想汇报
2014/09/29 职场文书
2014幼儿教师个人工作总结
2014/12/03 职场文书
公务员考察材料
2014/12/23 职场文书
医院感染管理制度
2015/08/05 职场文书
安全生产标语口号
2015/12/26 职场文书
div与span之间的区别与使用介绍
2021/12/06 HTML / CSS