AJAX避免用戶重復(fù)提交請求實(shí)現(xiàn)方案_AJAX教程
推薦:ajax的 IE cache 相關(guān)問題解決運(yùn)用Ajax做了一個(gè)名字檢驗(yàn),第一次是有效的,但是提交過后,再檢驗(yàn)一次,結(jié)果就不對了,是由于IE的cache的原因,接下來介紹下詳細(xì)的解決方法,感性的朋友可以參考下哈
在使用AJAX(jQuery)異步請求數(shù)據(jù)時(shí),為了避免因某些原因用戶同時(shí)多次點(diǎn)擊按鈕,提交重復(fù)的請求,我們需要禁用請求提交按鈕。重點(diǎn):jQuery的 attr 和 removeAttr 兩個(gè)函數(shù),主要是元素button的disabled屬性。
Demo:
復(fù)制代碼 代碼如下:www.hl5o.cn
<body>
<a class="disabled">Button disabeld</a> <a class="abled">Button abled</a><br/><br/>
<input type="button" id="submit" name="submit" value="submit">
</body>
<script type="text/javascript" src="../jquery-1.2.6.js"></script>
<script type="text/javascript">
$(function(){
//使其失效
$(".disabled").click(function(){
$("#submit").attr("disabled","disabled");
$("#submit").val('disabled...');
});
//激活
$(".abled").click(function(){
$("#submit").removeAttr("disabled");
$("#submit").val('submit');
});
//操作請求
$("#submit").click(function() {
$("#submit").attr("disabled", "disabled");
alert("hi");//send ajax request
$("#submit").removeAttr("disabled");
});
});
</script>
說明:當(dāng)點(diǎn)擊"Button disabeld"后,使用 $( "#submit" ).attr("disabled","disabled") 語句禁用測試按鈕,實(shí)質(zhì)是給測試按鈕增加一個(gè)disabled屬性,然后點(diǎn)擊"Button abled"或執(zhí)行發(fā)送ajax()請求,當(dāng)請求完全后,使用 $("#submit").removeAttr("disabled"); 語句去除禁用按鈕屬性,從而實(shí)現(xiàn)了禁用按鈕,避免重復(fù)發(fā)送請求。
分享:jquery ajax提交表單從action傳值到j(luò)sp實(shí)現(xiàn)小結(jié)pw.print(random);這里的random就是action要向jsp傳的值,在jsp中,success: function(text)這里的text就是接收從action傳過來的值,感興趣的朋友可以參考下哈
相關(guān)AJAX教程:
- Ajax中瀏覽器的緩存問題解決方法
- AJAX和WebService實(shí)現(xiàn)省市縣三級聯(lián)動(dòng)具體代碼
- ajax 登錄功能簡單實(shí)現(xiàn)(未連接數(shù)據(jù)庫)
- AJAX和WebService實(shí)現(xiàn)郵箱驗(yàn)證(無刷新驗(yàn)證郵件地址是否合法)
- AJAX和三層架構(gòu)實(shí)現(xiàn)分頁功能具體思路及代碼
- 使用AJAX返回WebService里的集合具體實(shí)現(xiàn)
- AJAX獲取服務(wù)器當(dāng)前時(shí)間及時(shí)間格式輸出處理
- ajax傳遞多個(gè)參數(shù)具體實(shí)現(xiàn)
- ajax傳遞一個(gè)參數(shù)具體實(shí)現(xiàn)
- 滑輪滾動(dòng)到頁面底部ajax加載數(shù)據(jù)配合jsonp實(shí)現(xiàn)探討
- jQery ajax——load()方法示例介紹
- jQuery+Ajax實(shí)現(xiàn)表格數(shù)據(jù)不同列標(biāo)題排序(為表格注入活力)
AJAX教程Rss訂閱編程教程搜索
AJAX教程推薦
- xmlHttpRequest實(shí)踐之無刷新驗(yàn)證用戶名
- AJAX(XMLHttpRequest.status)狀態(tài)碼
- 揭開AJAX神秘面紗
- Ajax標(biāo)簽導(dǎo)航實(shí)例詳解-Javascript技巧篇
- 詳解-CSS技巧篇
- 由淺入深完全掌握Ajax之Ajax 簡介
- 菜鳥蔡之Ajax復(fù)習(xí)第二篇(JQuery中的load()方法實(shí)現(xiàn)Ajax功能)
- 使用Ajax技術(shù)開發(fā)Web應(yīng)用程序
- 如何用AjaxPro實(shí)現(xiàn)定時(shí)刷新效果
- AJAX快速入門之HTTP協(xié)議基礎(chǔ)
猜你也喜歡看這些
- 如何克服對Ajax應(yīng)用的阻礙
- 使用AJAX技術(shù)打造博客無刷新搜索引擎
- AJAX 請求區(qū)分 $_SERVER[''HTTP_X_REQUESTED_WITH''] 小解
- 如何根據(jù)郵編自動(dòng)完成地址信息
- Web2.0歲月使用AJAX技術(shù)的十大理由
- Ajax程序中,自己實(shí)現(xiàn)頁面前進(jìn)、后退、與標(biāo)簽功能(asp.net2.0)
- 雙劍合璧 Ajax和RSS做個(gè)人門戶網(wǎng)站
- 解讀Ajax如何實(shí)現(xiàn)頁面loading效果!
- jQery ajax——load()方法示例介紹
- 如何用AJAX打造博客無刷新搜索
- 相關(guān)鏈接:
- 教程說明:
AJAX教程-AJAX避免用戶重復(fù)提交請求實(shí)現(xiàn)方案
。