将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写一个鼠标拖动效果实现原理与代码
Dec 24 Javascript
javascript常见用法总结
May 22 Javascript
一个JavaScript防止表单重复提交的实例
Oct 21 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
Dec 08 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
Mar 11 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
Aug 17 Javascript
javascript类型系统——undefined和null全面了解
Jul 13 Javascript
纯js仿淘宝京东商品放大镜功能
Mar 02 Javascript
redux中间件之redux-thunk的具体使用
Apr 17 Javascript
移动端手指操控左右滑动的菜单
Sep 08 Javascript
JavaScript实现拖拽和缩放效果
Aug 24 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
Nov 05 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使用Cookie实现和用户会话的方法
2015/01/21 PHP
php使用cookie保存登录用户名的方法
2015/01/26 PHP
Smarty模板变量调节器用法分析
2016/05/23 PHP
php 判断IP为有效IP地址的方法
2018/01/28 PHP
PHP实现的一致性Hash算法详解【分布式算法】
2018/03/31 PHP
jquery $.fn $.fx是什么意思有什么用
2013/11/04 Javascript
jquery自动将form表单封装成json的具体实现
2014/03/17 Javascript
浅谈JavaScript中指针和地址
2015/07/26 Javascript
js实现文字向上轮播功能
2017/01/13 Javascript
Vue打包后出现一些map文件的解决方法
2018/02/13 Javascript
swiper 解决动态加载数据滑动失效的问题
2018/02/26 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
2019/04/15 Javascript
使用Karma做vue组件单元测试的实现
2020/01/16 Javascript
JS端基于download.js实现图片、视频时直接下载而不是打开预览
2020/05/09 Javascript
[03:44]2015国际邀请赛选手档案—Cloud9.NoTail
2015/07/28 DOTA
详解python中的json的基本使用方法
2016/12/21 Python
Python使用matplotlib绘制正弦和余弦曲线的方法示例
2018/01/06 Python
wxPython之解决闪烁的问题
2018/01/15 Python
Python socket模块实现的udp通信功能示例
2019/04/10 Python
flask框架配置mysql数据库操作详解
2019/11/29 Python
通过Python实现一个简单的html页面
2020/05/16 Python
Python Selenium模块安装使用教程详解
2020/07/09 Python
Python图像处理二值化方法实例汇总
2020/07/24 Python
解决Python3.7.0 SSL低版本导致Pip无法使用问题
2020/09/03 Python
Bootstrap 学习分享
2012/11/12 HTML / CSS
中国最大的潮流商品购物网站:YOHO!BUY有货
2017/01/07 全球购物
以太网Ethernet IEEE802.3
2013/08/05 面试题
linux面试题参考答案(5)
2016/11/05 面试题
技校教师求职简历的自我评价
2013/10/20 职场文书
努力学习演讲稿
2014/05/10 职场文书
环保志愿者活动总结
2014/06/27 职场文书
公司领导班子对照检查材料
2014/09/24 职场文书
小学毕业感言200字
2015/07/30 职场文书
Python中OpenCV实现简单车牌字符切割
2021/06/11 Python
Python虚拟环境virtualenv是如何使用的
2021/06/20 Python
vue使用wavesurfer.js解决音频可视化播放问题
2022/04/04 Vue.js