将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与iframe的那些事儿
Jul 04 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
Nov 22 Javascript
Jquery Ajax方法传值到action的方法
May 11 Javascript
JavaScript创建一个object对象并操作对象属性的用法
Mar 23 Javascript
jQuery插件实现控制网页元素动态居中显示
Mar 24 Javascript
js实现微信分享代码
Oct 11 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
May 31 Javascript
浅析JavaScript中作用域和作用域链
Dec 06 Javascript
微信分享调用jssdk实例
Jun 08 Javascript
node.js读取Excel数据(下载图片)的方法示例
Aug 02 Javascript
记一次webapck4 配置文件无效的解决历程
Sep 19 Javascript
微信小程序中显示倒计时代码实例
May 09 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学习之数据类型之间的转换代码
2011/05/29 PHP
PHP四大安全策略
2014/03/12 PHP
Yii2搭建后台并实现rbac权限控制完整实例教程
2016/04/28 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
javascript动态添加表格数据行(ASP后台数据库保存例子)
2010/05/08 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
2011/12/26 Javascript
Google (Local) Search API的简单使用介绍
2013/11/28 Javascript
js对象的复制继承实例
2015/01/10 Javascript
基于JavaScript实现动态创建表格和增加表格行数
2015/12/20 Javascript
简单实现的JQuery文本框水印插件
2016/06/14 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
2017/06/28 Javascript
AngularJS 打开新的标签页实现代码
2017/09/07 Javascript
微信小程序登录换取token的教程
2018/05/31 Javascript
JS实现的视频弹幕效果示例
2018/08/17 Javascript
Node.js 使用request模块下载文件的实例
2018/09/05 Javascript
vsCode安装使用教程和插件安装方法
2020/08/24 Javascript
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
Python实现的检测网站挂马程序
2014/11/30 Python
Python利用多进程将大量数据放入有限内存的教程
2015/04/01 Python
Python中的进程分支fork和exec详解
2015/04/11 Python
Python与Java间Socket通信实例代码
2017/03/06 Python
python与caffe改变通道顺序的方法
2018/08/04 Python
python实现简单图片物体标注工具
2019/03/18 Python
python-tornado的接口用swagger进行包装的实例
2019/08/29 Python
使用Python给头像戴上圣诞帽的图像操作过程解析
2019/09/20 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
关于 HTML5 的七个传说小结
2012/04/12 HTML / CSS
adidas美国官网:adidas US
2016/09/21 全球购物
英国顶级珠宝品牌之家:John Greed
2018/06/09 全球购物
中间件的定义
2016/08/09 面试题
公务员政审单位鉴定材料
2014/05/16 职场文书
整顿机关作风心得体会
2014/09/10 职场文书
创先争优个人总结
2015/03/04 职场文书
重阳节简报
2015/07/20 职场文书
python plt.plot bar 如何设置绘图尺寸大小
2021/06/01 Python
Redis读写分离搭建的完整步骤
2021/09/14 Redis