将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变量
May 25 Javascript
select标记美化--JS式插件、后期加载
Apr 01 Javascript
jquery $(this).attr $(this).val方法使用介绍
Oct 08 Javascript
简单谈谈javascript代码复用模式
Jan 28 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
javascript实现图像循环明暗变化的方法
Feb 25 Javascript
Javascript数组循环遍历之forEach详解
Nov 07 Javascript
BootStrap CSS全局样式和表格样式源码解析
Jan 20 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
Jul 15 Javascript
js定义类的方法示例【ES5与ES6】
Jul 30 Javascript
VUE实现移动端列表筛选功能
Aug 23 Javascript
Vue组件间数据传递的方式(3种)
Jul 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
在“咖啡之国”感受咖啡文化
2021/03/03 咖啡文化
php intval的测试代码发现问题
2008/07/27 PHP
解决php使用异步调用获取数据时出现(错误c00ce56e导致此项操作无法完成)
2013/07/03 PHP
php中switch语句用法详解
2015/08/17 PHP
PHP进阶学习之反射基本概念与用法分析
2019/06/18 PHP
对laravel的csrf 防御机制详解,及form中csrf_token()的存在介绍
2019/10/24 PHP
javascript jQuery插件练习
2008/12/24 Javascript
javascript中创建对象的三种常用方法
2010/12/30 Javascript
JS关键字变色实现思路及代码
2013/02/21 Javascript
JS实现判断碰撞的方法
2015/02/11 Javascript
基于jQuery插件实现环形图标菜单旋转切换特效
2015/05/15 Javascript
使用AngularJS对路由进行安全性处理的方法
2015/06/18 Javascript
JavaScript实现添加及删除事件的方法小结
2015/08/04 Javascript
javascript实现表单验证
2016/01/29 Javascript
浅谈JavaScript变量的自动转换和语句
2016/06/12 Javascript
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
Vue.js实现拖放效果的实例
2016/09/30 Javascript
Vue2路由动画效果的实现代码
2017/07/10 Javascript
除Console.log()外更多的Javascript调试命令
2018/01/24 Javascript
JS 实现百度搜索功能
2018/02/01 Javascript
vue绑定的点击事件阻止冒泡的实例
2018/02/08 Javascript
详解Angular6学习笔记之主从组件
2018/09/05 Javascript
ES6 Object方法扩展的应用实例分析
2019/06/25 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
2020/01/04 Javascript
优化Python代码使其加快作用域内的查找
2015/03/30 Python
Python新手们容易犯的几个错误总结
2017/04/01 Python
Pycharm学习教程(3) 代码运行调试
2017/05/03 Python
如何用python整理附件
2018/05/13 Python
python实现可变变量名方法详解
2019/07/01 Python
Linux下通过python获取本机ip方法示例
2019/09/06 Python
使用django自带的user做外键的方法
2020/11/30 Python
阿迪达斯新加坡官方网站:adidas新加坡
2019/12/06 全球购物
1亿有多大教学反思
2014/05/01 职场文书
2015入党个人自传范文
2015/06/26 职场文书
2019幼儿园感恩节活动策划书
2019/11/28 职场文书
SQL Server 中的事务介绍
2022/05/20 SQL Server