将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获取提交的字符串的字节数
Feb 09 Javascript
Mootools 1.2教程 滑动效果(Slide)
Sep 15 Javascript
对new functionName()定义一个函数的理解
May 22 Javascript
js给table赋值的实例代码
Oct 13 Javascript
BootStrap3中模态对话框的使用
Jan 06 Javascript
vue中的自定义分页插件组件的示例
Aug 18 Javascript
vue.js input框之间赋值方法
Aug 24 Javascript
vue代码分割的实现(codesplit)
Nov 13 Javascript
配置一个vue3.0项目的完整步骤
Apr 26 Javascript
JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析
May 22 Javascript
Vue动态面包屑功能的实现方法
Jul 01 Javascript
vue3.0+vue-router+element-plus初实践
Dec 02 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
php 字符串压缩方法比较示例
2014/01/23 PHP
Java中final关键字详解
2015/08/10 PHP
PHP图形计数器程序显示网站用户浏览量
2016/07/20 PHP
RSA实现JS前端加密与PHP后端解密功能示例
2019/08/05 PHP
Javascript与vbscript数据共享
2007/01/09 Javascript
用js实现的仿sohu博客更换页面风格(简单版)
2007/03/22 Javascript
json数据与字符串的相互转化示例
2013/09/18 Javascript
jquery的ajax跨域请求原理和示例
2014/05/08 Javascript
PHP实现的各种中文编码转换类分享
2015/01/23 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
2015/11/21 Javascript
weui框架实现上传、预览和删除图片功能代码
2017/08/24 Javascript
解析Vue 2.5的Diff算法
2017/11/28 Javascript
JS中的JSON对象的定义和取值实现代码
2018/05/09 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
2019/03/07 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
2019/10/28 Javascript
如何在VUE中使用vue-awesome-swiper
2021/01/04 Vue.js
[00:03]DOTA2新版本PA至宝展示
2014/11/19 DOTA
在Python中实现贪婪排名算法的教程
2015/04/17 Python
Python selenium 三种等待方式解读
2016/09/15 Python
python 捕获shell脚本的输出结果实例
2017/01/04 Python
python 反编译exe文件为py文件的实例代码
2019/06/27 Python
pyinstaller参数介绍以及总结详解
2019/07/12 Python
Python turtle绘画象棋棋盘
2019/08/21 Python
Python3 无重复字符的最长子串的实现
2019/10/08 Python
python json.dumps() json.dump()的区别详解
2020/07/14 Python
通过实例了解Python异常处理机制底层实现
2020/07/23 Python
Python 如何创建一个线程池
2020/07/28 Python
英国No.1文具和办公用品在线:Euroffice
2016/09/21 全球购物
德国最大的网上鞋店之一:Schuhe24.de
2017/06/10 全球购物
Otticanet英国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/02/10 全球购物
澳大利亚一站式数码相机商店:CameraPro
2020/03/09 全球购物
物业工作计划书
2014/01/10 职场文书
社区公民道德宣传日活动总结
2015/03/23 职场文书
2015中秋节晚会主持词
2015/07/01 职场文书
mysql 子查询的使用
2022/04/28 MySQL
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技