將form表單通過ajax實現(xiàn)無刷新提交的簡單實例
更新時間：2016年10月12日 08:48:22 投稿：jingxian
下面小編就為大家?guī)硪黄獙orm表單通過ajax實現(xiàn)無刷新提交的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
實例如下：
//將form轉(zhuǎn)換為AJAX提交
function ajaxSubmit(url,frm,fn){
var dataPara=getFormJson(frm);
$.ajax({
url:url,
type:"post",
data:dataPara,
async:false,
dataType:'txt',
success:fn
});
}
//將form中的值轉(zhuǎn)換為鍵值對
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;
}
/*
//前臺調(diào)用方式
function autoSubmitFun(){
ajaxSubmit("autoSumitScoreAJAX.action",$('#formId'),function(){});
}
*/
以上就是小編為大家?guī)淼膶orm表單通過ajax實現(xiàn)無刷新提交的簡單實例全部內(nèi)容了，希望大家多多支持腳本之家~
相關文章
ImgAreaSelect是一jQuery插件，它支持用戶通過鼠標拖曳選擇圖片的一部分，非常的fashion。另外，可以在這個選擇圖像區(qū)域的基礎上應用網(wǎng)站的其他一些技術，比如圖片拖曳、圖片編輯等。2011-10-10
3Z版基于jquery的圖片復選框(asp.net+jquery)
最近在做一個彩票縮水工具,找了幾個圖片復選框插件始終感覺不太滿意,自己動手山寨了一下imageTick插件.2010-04-04
這篇文章主要介紹了EasyUI Tree樹組件無限循環(huán)的解決方法,需要的朋友可以參考下2017-09-09
prop和attr的區(qū)別你知道嗎？在本文有些不錯的示例對兩者詳細介紹，感興趣的朋友不要錯過2013-11-11
json數(shù)據(jù)是一種經(jīng)型的實時數(shù)據(jù)交互的數(shù)據(jù)存儲方法，使用到最多的應該是ajax與json配合使用了，下面我來給大家介紹jquery處理json數(shù)據(jù)方法。2014-06-06
jQuery實現(xiàn)驗證表單密碼一致性及正則表達式驗證郵箱、手機號的方法
這篇文章主要介紹了jQuery實現(xiàn)驗證表單密碼一致性及正則表達式驗證郵箱、手機號的方法,涉及jQuery表單元素獲取及正則驗證相關操作技巧,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了jQuery實現(xiàn)點擊滾動到指定元素上的方法,結(jié)合實例形式分析了jQuery響應鼠標事件動態(tài)操作頁面元素屬性的相關相關使用技巧,需要的朋友可以參考下2020-03-03
下面小編就為大家?guī)硪黄狫query和Js獲得元素標簽名稱的方法總結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
jQuery對select的操作的實際應用代碼。方便大家學習jquery2009-05-05
Jquery 復選框取值的文章網(wǎng)上有很多的，不過可以同時兼容FF和IE8的確實沒有幾個，下面有個不錯的方法經(jīng)測試有效2013-10-10