jquery ajax的success回调函数中实现按钮置灰倒计时


Posted in Javascript onNovember 19, 2013

主要是实现异步手机发送短信成功之后在ajax的success回调中实现将发送按钮置灰并倒计时,刚开始一直报js错误,问题可能出在于调用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) 
} 
}

获取手机短信之后调用get_code_time函数代码
//重新获取验证码 
$('#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("验证码已发送至您的手机"); 
get_code_time(o); 
} else { if(data.msg != ""){ 
alert(data.msg); 
} else { 
alert("短信验证码发送失败"); 
} 
} 
}, 
error: function (data) { 
if(data.status == 0) { 
alert(data.msg); 
} else { 
alert("短信验证码发送失败"); 
} 
} 
}); 
});
Javascript 相关文章推荐
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
Apr 12 Javascript
一个判断email合法性的函数[非正则]
Dec 09 Javascript
基于jQuery的ajax功能实现web service的json转化
Aug 29 Javascript
判断输入的字符串是否是日期格式的简单方法
Jul 11 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
Jul 24 Javascript
JavaScript面向对象编写购物车功能
Aug 19 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
Jun 26 Javascript
详谈js中标准for循环与foreach(for in)的区别
Nov 02 Javascript
用react-redux实现react组件之间数据共享的方法
Jun 08 Javascript
JS常用排序方法实例代码解析
Mar 03 Javascript
小程序自定义导航栏兼容适配所有机型(附完整案例)
Apr 26 Javascript
js 实现碰撞检测的示例
Oct 28 Javascript
详解jQuery插件开发中的extend方法
Nov 19 #Javascript
Js 导出table内容到Excel的简单实例
Nov 19 #Javascript
js文本框输入点回车触发确定兼容IE、FF等
Nov 19 #Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
Nov 19 #Javascript
JS注释所产生的bug 即使注释也会执行
Nov 19 #Javascript
js计算两个时间之间天数差的实例代码
Nov 19 #Javascript
JS获取当前网址、主机地址项目根路径
Nov 19 #Javascript
You might like
图书管理程序(二)
2006/10/09 PHP
MySQL中create table语句的基本语法是
2007/01/15 PHP
谈谈新手如何学习PHP 默默经典版本
2009/08/04 PHP
php上传文件中文文件名乱码的解决方法
2013/11/01 PHP
再Docker中架设完整的WordPress站点全攻略
2015/07/29 PHP
Laravel如何自定义command命令浅析
2019/03/23 PHP
laravel5.1 ajax post 传值_token示例
2019/10/24 PHP
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
javascript自定义函数参数传递为字符串格式
2014/07/29 Javascript
AngularJS语法详解
2015/01/23 Javascript
NodeJs基本语法和类型
2015/02/13 NodeJs
JQuery判断radio(单选框)是否选中和获取选中值方法总结
2015/04/15 Javascript
使用bootstrap实现多窗口和拖动效果
2016/09/22 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
Angular4如何自定义首屏的加载动画详解
2017/07/26 Javascript
AngularJS实现的select二级联动下拉菜单功能示例
2017/10/25 Javascript
谈谈vue中mixin的一点理解
2017/12/12 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
2018/07/18 Javascript
解决bootstrap模态框数据缓存的问题方法
2018/08/10 Javascript
微信小程序实现图片上传
2019/05/23 Javascript
nodejs简单抓包工具使用详解
2019/08/23 NodeJs
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
vue实现路由懒加载的3种方法示例
2020/09/01 Javascript
[11:33]DAC2018 4.5SOLO赛决赛 MidOne vs Paparazi第二场
2018/04/06 DOTA
python用于url解码和中文解析的小脚本(python url decoder)
2013/08/11 Python
python实现批量获取指定文件夹下的所有文件的厂商信息
2014/09/28 Python
Win10下Python环境搭建与配置教程
2016/11/18 Python
python pandas中对Series数据进行轴向连接的实例
2018/06/08 Python
opencv python 图像去噪的实现方法
2018/08/31 Python
Python实现投影法分割图像示例(二)
2020/01/17 Python
详解用selenium来下载小姐姐图片并保存
2021/01/26 Python
Ralph Lauren英国官方网站:Ralph Lauren UK
2018/04/03 全球购物
竞聘书格式及范文
2014/03/31 职场文书
人力资源管理专业自荐信
2014/06/24 职场文书
公司优秀员工推荐信
2015/03/24 职场文书
《所见》教学反思
2016/02/23 职场文书