JS this关键字在ajax中使用出现问题解决方案
编程学习 2021-07-04 14:06www.dzhlxh.cn编程入门
这篇文章主要介绍了JS this关键字在ajax中使用出现问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
背景：
在一次web网站开发维护中，使用手机验证码进行登录。再点击获取手机验证码时，验证码按钮并没有置灰，同时也没有出现倒数读秒的效果。
设置按钮倒数60秒前端代码：
var clock = '';
var nums = 60;
var btn;
function sendCode(thisBtn) {
btn = thisBtn;
btn.disabled = true; //将按钮置为不可点击
btn.value = nums + '秒重新获取';
btn.className = 'regGetcodeBtn1';
if (clickNumber == 0) {
clock = setInterval(doLoop, 1000); //一秒执行一次
}
}
function doLoop() {
nums--;
if (nums > 0) {
btn.value = nums + '秒后重新获取';
clickNumber = 1;
} else {
clearInterval(clock); //清除js定时器
btn.disabled = false;
btn.value = '获取验证码';
btn.className = 'regGetcodeBtn1 color';
nums = 60; //重置时间
clickNumber = 0;
}
}
在向后端请求获取短信验证码成功之后，调用sendCode()函数，实现如下效果：
但是在ajax请求，调用时，实际上该效果并没有出现，代码如下：
$.ajax({
url: servletUrl,
type: "post",
dataType: 'JSON',
data: { name: name, securityCode: txtsecurityCode1/* strTelphone: strCodeTelphone, securityCode: txtsecurityCode1*