将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的ajax获取数据后的处理总结(html,xml,json)
Jul 14 Javascript
详谈jQuery中的this和$(this)
Nov 13 Javascript
jQuery中:first选择器用法实例
Dec 30 Javascript
jquery控制表单输入框显示默认值的方法
May 22 Javascript
jQuery+ajax实现文章点赞功能的方法
Dec 31 Javascript
Express URL跳转(重定向)的实现方法
Apr 07 Javascript
基于javascript 显式转换与隐式转换(详解)
Dec 15 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
Jun 26 Javascript
vue开发移动端底部导航条功能
Apr 08 Javascript
JavaScript监听键盘事件代码实现
Jun 03 Javascript
H5 js点击按钮复制文本到粘贴板
Nov 19 Javascript
vue+flask实现视频合成功能(拖拽上传)
Mar 04 Vue.js
深入理解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
mysql5详细安装教程
2007/01/15 PHP
php 无限级 SelectTree 类
2009/05/19 PHP
php安装swoole扩展的方法
2015/03/19 PHP
PHP生成可点击刷新的验证码简单示例
2016/05/13 PHP
laravel ORM 只开启created_at的几种方法总结
2018/01/29 PHP
PHP面向对象程序设计之对象克隆clone和魔术方法__clone()用法分析
2019/06/12 PHP
准确获得页面、窗口高度及宽度的JS
2006/11/26 Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
2012/02/03 Javascript
JS实现仿QQ聊天窗口抖动特效
2015/05/10 Javascript
Web打印解决方案之证件套打的实现思路
2016/08/29 Javascript
Vue.js快速入门教程
2016/09/07 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
2016/09/14 Javascript
angular源码学习第一篇 setupModuleLoader方法
2016/10/20 Javascript
Zabbix添加Node.js监控的方法
2016/10/20 Javascript
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
Vue代码分割懒加载的实现方法
2017/11/23 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
2017/11/30 Javascript
jQuery选择器之基本选择器用法实例分析
2019/02/19 jQuery
Vue中点击active并第一个默认选中功能的实现
2020/02/24 Javascript
详解vue-router的Import异步加载模块问题的解决方案
2020/05/13 Javascript
Python虚拟环境Virtualenv使用教程
2015/05/18 Python
Python实现批量下载图片的方法
2015/07/08 Python
Python实现字典去除重复的方法示例
2017/07/31 Python
python入门前的第一课 python怎样入门
2018/03/06 Python
python利用selenium进行浏览器爬虫
2019/04/25 Python
django认证系统实现自定义权限管理的方法
2019/08/28 Python
python常用排序算法的实现代码
2019/11/08 Python
Python数据可视化图实现过程详解
2020/06/12 Python
CSS3 @font-face属性使用指南
2014/12/12 HTML / CSS
美国顶级水上运动专业店:Marine Products
2018/04/15 全球购物
货代行业个人求职简历的自我评价
2013/10/22 职场文书
大学同学聚会邀请函
2014/01/29 职场文书
教师个人自我评价范文
2014/04/13 职场文书
人间正道是沧桑观后感
2015/06/15 职场文书
详解Javascript实践中的命令模式
2021/05/05 Javascript
openEuler 搭建java开发环境的详细过程
2022/06/10 Servers