将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 相关文章推荐
JQery 渐变图片导航效果代码 漂亮
Jan 01 Javascript
GreyBox技术总结(转)
Nov 23 Javascript
基于jquery的返回顶部效果(兼容IE6)
Jan 17 Javascript
Javascript浅谈之this
Dec 17 Javascript
jquery delay()介绍及使用指南
Sep 02 Javascript
jquery实现界面无刷新加载登陆注册
Jul 30 Javascript
利用纯Vue.js构建Bootstrap组件
Nov 03 Javascript
浅谈webpack编译vue项目生成的代码探索
Dec 11 Javascript
js实现移动端tab切换时下划线滑动效果
Sep 08 Javascript
微信小程序和H5页面间相互跳转代码实例
Sep 19 Javascript
JavaScript的变量声明与声明提前用法实例分析
Nov 26 Javascript
javascript中闭包closure的深入讲解
Mar 03 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中使用SimpleXML检查XML文件结构实例
2015/01/07 PHP
thinkphp实现163、QQ邮箱收发邮件的方法
2015/12/18 PHP
asp.net和php的区别点总结
2019/10/10 PHP
关于javascript 回调函数中变量作用域的讨论
2009/09/11 Javascript
学习ExtJS fit布局使用说明
2009/10/08 Javascript
js window.onload 加载多个函数和追加函数详解
2014/01/08 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
2014/01/14 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
jquery表单验证插件formValidator使用方法
2016/04/01 Javascript
Bootstrap自定义文件上传下载样式
2016/05/26 Javascript
js实现无缝滚动图
2017/02/22 Javascript
php main 与 iframe 相互通讯类(js+php同域/跨域)
2017/09/14 Javascript
JavaScript实现简单生成随机颜色的方法
2017/09/21 Javascript
jQuery中的$是什么意思及 $. 和 $().的区别
2018/04/20 jQuery
cnpm加速Angular项目创建的方法
2018/09/07 Javascript
Vue自定义属性实例分析
2019/02/23 Javascript
js针对图片加载失败的处理方法分析
2019/08/24 Javascript
基于JavaScript实现留言板功能
2020/03/16 Javascript
JS前端模块化原理与实现方法详解
2020/03/17 Javascript
详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)
2020/07/11 Javascript
vue项目配置同一局域网可使用ip访问的操作
2020/10/23 Javascript
[55:25]2018DOTA2亚洲邀请赛3月29日 小组赛A组 VG VS OG
2018/03/30 DOTA
Python中字典的setdefault()方法教程
2017/02/07 Python
Python3单行定义多个变量或赋值方法
2018/07/12 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
十个Python练手的实战项目,学会这些Python就基本没问题了(推荐)
2019/04/26 Python
tensorflow查看ckpt各节点名称实例
2020/01/21 Python
jupyter实现重新加载模块
2020/04/16 Python
时尚圣经:The Fashion Bible
2019/03/03 全球购物
Eclipse面试题
2014/03/22 面试题
求两个数的乘积和商数,该作用由宏定义来实现
2013/03/13 面试题
数控加工专业毕业生自荐信
2013/09/27 职场文书
实习自我鉴定范文
2013/10/30 职场文书
同事打架检讨书
2014/02/04 职场文书
党的群众路线教育实践活动对照检查材料(四风)
2014/09/27 职场文书
vue整合百度地图显示指定地点信息
2022/04/06 Vue.js