jquery ajax的success回調(diào)函數(shù)中實現(xiàn)按鈕置灰倒計時
更新時間:2013年11月19日 17:34:09 作者:
實現(xiàn)異步手機發(fā)送短信成功之后在ajax的success回調(diào)中實現(xiàn)將發(fā)送按鈕置灰并倒計時,具體的實現(xiàn)示例如下,喜歡的朋友可以研究下
主要是實現(xiàn)異步手機發(fā)送短信成功之后在ajax的success回調(diào)中實現(xiàn)將發(fā)送按鈕置灰并倒計時,剛開始一直報js錯誤,問題可能出在于調(diào)用ajax之后this被更新,隨意在這之前先把this對象賦給一個變量就沒問題
按鈕倒計時代碼
var wait = 60;
get_code_time = function (o) {
if (wait == 0) {
o.removeAttribute("disabled");
o.value = "免費獲取驗證碼";
wait = 60;
} else {
o.setAttribute("disabled", true);
o.value = "(" + wait + ")秒后重新獲取";
wait--;
setTimeout(function() {
get_code_time(o)
}, 1000)
}
}
獲取手機短信之后調(diào)用get_code_time函數(shù)代碼
//重新獲取驗證碼
$('#codeagain').click(function() {
var o = this;
$.ajax({
url:"Tea_sendCode.action?jsoncallback=?",
type:"post",
data: {accountId:accountId},
dataType: "json",
success: function (data) {
if(data.status == 1 && data.code == 200){
alert("驗證碼已發(fā)送至您的手機");
get_code_time(o);
} else {
if(data.msg != ""){
alert(data.msg);
} else {
alert("短信驗證碼發(fā)送失敗");
}
}
},
error: function (data) {
if(data.status == 0) {
alert(data.msg);
} else {
alert("短信驗證碼發(fā)送失敗");
}
}
});
});
按鈕倒計時代碼
復制代碼 代碼如下:
var wait = 60;
get_code_time = function (o) {
if (wait == 0) {
o.removeAttribute("disabled");
o.value = "免費獲取驗證碼";
wait = 60;
} else {
o.setAttribute("disabled", true);
o.value = "(" + wait + ")秒后重新獲取";
wait--;
setTimeout(function() {
get_code_time(o)
}, 1000)
}
}
獲取手機短信之后調(diào)用get_code_time函數(shù)代碼
復制代碼 代碼如下:
//重新獲取驗證碼
$('#codeagain').click(function() {
var o = this;
$.ajax({
url:"Tea_sendCode.action?jsoncallback=?",
type:"post",
data: {accountId:accountId},
dataType: "json",
success: function (data) {
if(data.status == 1 && data.code == 200){
alert("驗證碼已發(fā)送至您的手機");
get_code_time(o);
} else {
if(data.msg != ""){
alert(data.msg);
} else {
alert("短信驗證碼發(fā)送失敗");
}
}
},
error: function (data) {
if(data.status == 0) {
alert(data.msg);
} else {
alert("短信驗證碼發(fā)送失敗");
}
}
});
});
您可能感興趣的文章:
- jQuery Ajax Post 回調(diào)函數(shù)不執(zhí)行問題的解決方法
- Jquery版本導致Ajax不執(zhí)行success回調(diào)函數(shù)
- jQuery Tips 為AJAX回調(diào)函數(shù)傳遞額外參數(shù)的方法
- jQuery AJAX回調(diào)函數(shù)this指向問題
- jquery中的ajax如何返回結(jié)果而非回調(diào)方式即為同順序執(zhí)行
- 使用jQuery中的when實現(xiàn)多個AJAX請求對應(yīng)單個回調(diào)的例子分享
- jquery ajax 向后臺傳遞數(shù)組參數(shù)示例
- Jquery中ajax方法data參數(shù)的用法小結(jié)
- 淺析jQuery Ajax請求參數(shù)和返回數(shù)據(jù)的處理
- jQuery實現(xiàn)ajax回調(diào)函數(shù)帶入?yún)?shù)的方法示例
相關(guān)文章
jquery ajax的success回調(diào)函數(shù)中實現(xiàn)按鈕置灰倒計時
實現(xiàn)異步手機發(fā)送短信成功之后在ajax的success回調(diào)中實現(xiàn)將發(fā)送按鈕置灰并倒計時,具體的實現(xiàn)示例如下,喜歡的朋友可以研究下2013-11-11jquery實現(xiàn)html頁面先加載內(nèi)容過幾秒后顯示數(shù)據(jù)
這篇文章主要給大家介紹了關(guān)于jquery實現(xiàn)html頁面先加載內(nèi)容過幾秒后顯示數(shù)據(jù)的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家具有一定的參考借鑒價值,需要的朋友可以參考下2023-07-07jquery實現(xiàn)點擊a鏈接,跳轉(zhuǎn)之后,該a鏈接處顯示背景色的方法
下面小編就為大家分享一篇jquery實現(xiàn)點擊a鏈接,跳轉(zhuǎn)之后,該a鏈接處顯示背景色的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01jquery select操作的日期聯(lián)動實現(xiàn)代碼
是很簡單的代碼 不過我自己操作的時候才發(fā)現(xiàn)我自己還有很多不懂,要多實際應(yīng)用才發(fā)現(xiàn)問題,哎~~2009-12-12jquery使用ul模擬select實現(xiàn)表單美化的方法
這篇文章主要介紹了jquery使用ul模擬select實現(xiàn)表單美化的方法,涉及jquery鼠標事件及頁面元素樣式的相關(guān)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08