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 相关文章推荐
XmlUtils JS操作XML工具类
Oct 01 Javascript
jquery弹出框的用法示例(2)
Aug 26 Javascript
Vue.js第四天学习笔记(组件)
Dec 02 Javascript
vue组件实现弹出框点击显示隐藏效果
Oct 26 Javascript
Vue全局分页组件的实现代码
Aug 10 Javascript
详解webpack之图片引入-增强的file-loader:url-loader
Oct 08 Javascript
微信小程序实现获取小程序码和二维码java接口开发
Mar 29 Javascript
vue实现固定位置显示功能
May 30 Javascript
wx-charts 微信小程序图表插件的具体使用
Aug 18 Javascript
layui-table对返回的数据进行转变显示的实例
Sep 04 Javascript
小程序点击图片实现png转jpg
Oct 22 Javascript
vue基础知识--axios合并请求和slot
Jun 04 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
PHP mb_convert_encoding 获取字符串编码类型实现代码
2009/04/26 PHP
php去掉URL网址中带有PHPSESSID的配置方法
2014/07/08 PHP
php简单分页类实现方法
2015/02/26 PHP
PHP操作MySQL的mysql_fetch_* 函数的常见用法教程
2015/12/25 PHP
ExtJS 设置级联菜单的默认值
2010/06/13 Javascript
jQuery拖拽div实现思路
2014/02/19 Javascript
利用jQuery实现可以编辑的表格
2014/05/26 Javascript
AngularJS入门(用ng-repeat指令实现循环输出
2016/05/05 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
2016/06/03 Javascript
微信小程序 定位到当前城市实现实例代码
2017/02/23 Javascript
bootstrap table使用入门基本用法
2017/05/24 Javascript
JS实现利用两个队列表示一个栈的方法
2017/12/13 Javascript
Vue中的scoped实现原理及穿透方法
2018/05/15 Javascript
NVM安装nodejs的方法实用步骤
2019/01/16 NodeJs
解决layui中onchange失效以及form动态渲染失效的问题
2019/09/27 Javascript
javascript操作向表格中动态加载数据
2020/08/27 Javascript
[03:51]吞吞映像 每周精彩击杀top10第二弹
2014/06/25 DOTA
python处理圆角图片、圆形图片的例子
2014/04/25 Python
Python编程之变量赋值操作实例分析
2017/07/24 Python
Python多线程爬虫实战_爬取糗事百科段子的实例
2017/12/15 Python
对Python中Iterator和Iterable的区别详解
2018/10/18 Python
Python闭包和装饰器用法实例详解
2019/05/22 Python
Django中使用 Closure Table 储存无限分级数据
2019/06/06 Python
Python urllib3软件包的使用说明
2020/11/18 Python
HTML5 SEO优化的一些建议
2020/08/27 HTML / CSS
英国蜡烛、蜡烛配件和家居香氛购买网站:Yankee Candle
2018/12/12 全球购物
汽车运用工程系毕业生自荐信
2013/12/27 职场文书
员工晚婚的请假条
2014/02/08 职场文书
《雨点》教学反思
2014/02/12 职场文书
企业元宵节主持词
2014/03/25 职场文书
股份转让协议书
2014/04/12 职场文书
客户经理竞聘演讲稿
2014/05/15 职场文书
球队口号
2014/06/18 职场文书
市级三好学生事迹材料
2014/08/27 职场文书
关于实现中国梦的心得体会
2016/01/05 职场文书
2016年大学生暑期社会实践活动总结
2016/04/06 职场文书