将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实现鼠标可拖动调整表格列宽度
May 26 Javascript
JavaScript中对循环语句的优化技巧深入探讨
Jun 06 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
May 09 Javascript
jquery validate表单验证的基本用法入门
Jan 18 Javascript
微信小程序 location API实例详解
Oct 02 Javascript
微信公众号-获取用户信息(网页授权获取)实现步骤
Oct 21 Javascript
JavaScript定义函数_动力节点Java学院整理
Jun 27 Javascript
BootStrap数据表格实例代码
Sep 13 Javascript
Three.js开发实现3D地图的实践过程总结
Nov 20 Javascript
浅谈JsonObject中的key-value数据解析排序问题
Dec 06 Javascript
Layui table field初始化加载时进行隐藏的方法
Sep 19 Javascript
借助云开发实现小程序短信验证码的发送
Jan 06 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
第十二节 类的自动加载 [12]
2006/10/09 PHP
用PHP生成html分页列表的代码
2007/03/18 PHP
并发下常见的加锁及锁的PHP具体实现代码
2010/10/12 PHP
yii插入数据库防并发的简单代码
2017/05/27 PHP
基于laravel Request的所有方法详解
2019/09/29 PHP
jQuery 插件 将this下的div轮番显示
2009/04/09 Javascript
js function使用心得
2010/05/10 Javascript
jquery-easyui关闭tab自动切换到前一个tab
2010/07/29 Javascript
ajax更新数据后,jquery、jq失效问题
2011/03/16 Javascript
$.get获取一个文件的内容示例代码
2013/09/11 Javascript
wap浏览自动跳转到wap页面的js代码
2014/05/17 Javascript
Javascript的表单验证-提交表单
2016/03/18 Javascript
js实现的xml对象转json功能示例
2016/12/24 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
2017/03/14 Javascript
ES6下React组件的写法示例代码
2017/05/04 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
2018/09/11 Javascript
详解Bootstrap 学习(一)入门
2019/04/12 Javascript
一文快速详解前端框架 Vue 最强大的功能
2019/05/21 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
2019/07/03 jQuery
小程序中canvas的drawImage方法参数使用详解
2019/07/04 Javascript
Node.js之删除文件夹(含递归删除)代码实例
2019/09/09 Javascript
基于Python log 的正确打开方式
2018/04/28 Python
用Python实现将一张图片分成9宫格的示例
2019/07/05 Python
python绘制规则网络图形实例
2019/12/09 Python
python解析xml文件方式(解析、更新、写入)
2020/03/05 Python
Python 的 f-string 可以连接字符串与数字的原因解析
2021/02/20 Python
One.com挪威:北欧成长最快的网络托管公司
2016/11/19 全球购物
优衣库英国官网:UNIQLO英国
2016/12/25 全球购物
Paul Smith英国官网:英国国宝级时装品牌
2019/03/21 全球购物
音乐专业应届生教师求职信
2013/11/04 职场文书
求职自荐信范文格式
2013/11/29 职场文书
医学生自荐信范文
2013/12/03 职场文书
村容村貌整治方案
2014/05/21 职场文书
Python自动化爬取天眼查数据的实现
2021/06/15 Python
十大最强岩石系宝可梦,怪颚龙实力最强,第七破坏力很强
2022/03/18 日漫
Sentry的安装、配置、使用教程(Sentry日志手机系统)
2022/07/23 Python