将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学习实例3 向WebService发出请求,调用方法返回数据
Mar 16 Javascript
JS Range HTML文档/文字内容选中、库及应用介绍
May 12 Javascript
json对象转字符串如何实现
Dec 02 Javascript
Javascript正则控制文本框只能输入整数或浮点数
Sep 02 Javascript
Kindeditor在线文本编辑器如何过滤HTML
Apr 14 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 Javascript
AngularJS入门教程之更多模板详解
Aug 19 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
Dec 28 Javascript
js实现九宫格的随机颜色跳转
Feb 19 Javascript
bootstrap table动态加载数据示例代码
Mar 25 Javascript
关于webpack代码拆分的解析
Jul 20 Javascript
JavaScript闭包和回调详解
Aug 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 __autoload函数(自动载入类文件)的使用方法
2012/02/04 PHP
精美漂亮的php分页类代码
2013/04/02 PHP
PHP统计二维数组元素个数的方法
2013/11/12 PHP
javascript比较文档位置
2008/04/08 Javascript
Javascript 定时器调用传递参数的方法
2009/11/12 Javascript
绑定回车enter事件代码
2014/05/18 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
jquery中EasyUI使用技巧小结
2015/02/10 Javascript
整理Javascript函数学习笔记
2015/12/01 Javascript
AngularJS中监视Scope变量以及外部调用Scope方法
2016/01/23 Javascript
JS创建对象几种不同方法详解
2016/03/01 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
2016/12/05 Javascript
详解js中Number()、parseInt()和parseFloat()的区别
2016/12/20 Javascript
Angular工具方法学习
2016/12/26 Javascript
vue axios用法教程详解
2017/07/23 Javascript
基于express中路由规则及获取请求参数的方法
2018/03/12 Javascript
JS删除String里某个字符的方法
2021/01/06 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
[06:06]2018DOTA2亚洲邀请赛主赛事第四日战况回顾 全明星赛欢乐上演
2018/04/07 DOTA
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
python dict 字典 以及 赋值 引用的一些实例(详解)
2017/01/20 Python
PyQt5 pyqt多线程操作入门
2018/05/05 Python
用python实现k近邻算法的示例代码
2018/09/06 Python
python 利用浏览器 Cookie 模拟登录的用户访问知乎的方法
2019/07/11 Python
pytorch在fintune时将sequential中的层输出方法,以vgg为例
2019/08/20 Python
TensorFlow 输出checkpoint 中的变量名与变量值方式
2020/02/11 Python
Python super()函数使用及多重继承
2020/05/06 Python
实现ECharts双Y轴左右刻度线一致的例子
2020/05/16 Python
python 批量将中文名转换为拼音
2021/02/07 Python
Marriott中国:万豪国际酒店查询预订
2016/09/02 全球购物
大学生档案自我鉴定(2篇)
2014/10/14 职场文书
放假通知范文
2015/04/14 职场文书
停电放假通知
2015/04/14 职场文书
2015年教学副校长工作总结
2015/07/22 职场文书
SpringBoot2零基础到精通之数据库专项精讲
2022/03/22 Java/Android
Win11显卡控制面板打开显卡设置方法
2022/04/20 数码科技