将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 相关文章推荐
js 替换
Feb 19 Javascript
javascript instanceof 与typeof使用说明
Jan 11 Javascript
JavaScript 滚轮事件使用说明
Mar 07 Javascript
javascript学习之闭包分析
Dec 02 Javascript
使用jQuery解决IE与FireFox下createElement方法的差异
Nov 14 Javascript
JavaScript验证图片类型(扩展名)的函数分享
May 05 Javascript
jQuery使用slideUp方法实现控制元素缓慢收起
Mar 27 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
Mar 03 Javascript
微信小程序删除处理详解
Aug 16 Javascript
使用vue打包进行云服务器上传的问题
Mar 02 Javascript
js实现搜索提示框效果
Sep 05 Javascript
React 高阶组件HOC用法归纳
Jun 13 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 存取 MySQL 数据库的一个例子
2006/10/09 PHP
15种PHP Encoder的比较
2007/04/17 PHP
php实现MD5加密16位(不要默认的32位)
2013/08/12 PHP
php使用curl模拟登录后采集页面的例子
2013/11/04 PHP
百度工程师讲PHP函数的实现原理及性能分析(二)
2015/05/13 PHP
js 调用本地exe的例子(支持IE内核的浏览器)
2012/12/26 Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
2013/01/04 Javascript
jquery ajax应用中iframe自适应高度问题解决方法
2014/04/12 Javascript
Jquery 实现table样式的设定
2015/01/28 Javascript
浅析javascript中的事件代理
2015/11/06 Javascript
jquery单击事件和双击事件冲突解决方案
2016/03/02 Javascript
js提交form表单,并传递参数的实现方法
2016/05/25 Javascript
漂亮! js实现颜色渐变效果
2016/08/12 Javascript
js获取隐藏元素的宽高
2017/02/24 Javascript
Bootstrap实现翻页效果
2017/11/27 Javascript
socket在egg中的使用实例代码详解
2019/05/30 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
2019/10/15 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2020/04/01 jQuery
uniapp与webview之间的相互传值的实现
2020/06/29 Javascript
Vue.js原理分析之nextTick实现详解
2020/09/07 Javascript
[44:39]2014 DOTA2国际邀请赛中国区预选赛 NE VS CNB
2014/05/21 DOTA
Python实现竖排打印传单手机号码易撕条
2015/03/16 Python
利用Python演示数型数据结构的教程
2015/04/03 Python
python写入已存在的excel数据实例
2018/05/03 Python
使用Python处理Excel表格的简单方法
2018/06/07 Python
linux查找当前python解释器的位置方法
2019/02/20 Python
Python正则表达式匹配数字和小数的方法
2019/07/03 Python
Django获取该数据的上一条和下一条方法
2019/08/12 Python
python 多线程爬取壁纸网站的示例
2021/02/20 Python
几个Shell Script面试题
2014/04/18 面试题
个人自荐材料
2014/05/23 职场文书
“三支一扶”支教教师思想汇报
2014/09/13 职场文书
又涨知识了,自律到底多重要?
2019/06/27 职场文书
react 项目中引入图片的几种方式
2021/06/02 Javascript
一行Python命令实现批量加水印
2022/04/07 Python
vue使用localStorage持久性存储实现评论列表
2022/04/14 Vue.js