将form表单通过ajax实现无刷新提交的简单实例
更新时间：2016年10月12日 08:48:22 投稿：jingxian
下面小编就为大家带来一篇将form表单通过ajax实现无刷新提交的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
实例如下：
//将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实现无刷新提交的简单实例全部内容了，希望大家多多支持脚本之家~
相关文章
关于ImgAreaSelect, 是一jQuery插件，它支持用户通过鼠标拖曳选择图片的一部分，如图片拖曳、图片编辑等。下面通过本文给大家介绍jQuery插件imgAreaSelect基础讲解，需要的的朋友参考下吧2017-05-05
JQuery团队打造的javascript单元测试工具QUnit介绍
元测试又称为模块测试，是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。单元测试主要是用来检验程式的内部逻辑，也称为个体测试、结构测试或逻辑驱动测试。通常由撰写程式码的程式设计师负责进行。2010-02-02
本篇文章主要介绍了解决ajax不能访问本地文件问题（利用js跨域原理），具有一定的参考价值，有兴趣的可以了解一下。2017-01-01
用示例说明filter()与find()的用法以及children()与find()的区别分析
本篇文章介绍了，用示例说明filter()与find()的用法以及children()与find()的区别分析。需要的朋友参考下2013-04-04
jQuery动态添加可拖动元素完整实例(附demo源码下载)
这篇文章主要介绍了jQuery动态添加可拖动元素的方法,可实现简单的点击添加元素,并且添加的元素可进行拖动操作.涉及jQuery响应鼠标事件动态操作页面元素的相关技巧,需要的朋友可以参考下2016-06-06
这篇文章主要介绍了jQuery检测鼠标左键和右键点击的方法,涉及jQuery操作鼠标事件的技巧,且针对IE浏览器具备良好的兼容性,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了jQuery控制网页打印指定区域的方法,涉及jQuery操作html元素的技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了jQuery1.8中的几个小变化。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
最近做一个AJAX的GridView来显示数据，当然按照现在流行的首选是Jquery。2010-04-04
这篇文章主要介绍了jquery中map函数遍历数组用法,实例分析了jQuery中map函数遍历数组的相关技巧,并提供了一个自定义遍历数组函数供参考之用,需要的朋友可以参考下2015-05-05
最新评论