分享一代码jq递归刷新验证码,引入jq可以直接使用
原代码：<td id="loginshowkey"><a href="#EmpireCMS" onclick="edoshowkey('loginshowkey','login','/');" title="点击显示验证码">点击显示验证码</a></td>
改为代码：<td id="loginshowkey"><span title="点击显示验证码" style="cursor: pointer;">点击显示验证码</span></td>
js代码如下：
var keyRoot = $('#loginshowkey'),
showKey = function() {
// 创建img
if (keyRoot.find("img").length === 0) {
var img = $('<img>', {
title: '点击刷新验证码',
style: 'cursor: pointer;',
click: showKey
});
keyRoot.html(img);
}
$.ajax({
url: '/api/v1/?act=show_key&v=login&style=2', // 示例 API
type: 'GET',
dataType: 'json',
success: function (response) {
if (response && 0 === response.code) {
keyRoot.find("img").attr('src', response.data);
}
},
error: function (xhr, status, error) {
}
});
}
keyRoot.find('span').one('click', showKey);
|
顶部 
加入收藏夹
2025-08-25 09:43:13 
已设置保密
回复
引用
报告
编辑
删除
支持下，AJAX的收藏了