点击事件验证码不能实现刷新的问题

分手后的思念是犯贱 2024-04-17 15:07 77阅读 0赞

后台验证码接口地址如下：  
$\{pageContext.request.contextPath\}/servlet/validateCodeServlet

当我们写了点击事件后发现没有反应，解决方案是**在请求后面添加随机数**，代码如下：

var changeImage=function (){
       //不需要直接再发一次请求，只需要改变src的地址
       var code  =document.getElementById("imageCode");
                                    alert('1');
                                  //  var ctx=${pageContext.request.contextPath};
                                 var ctx="http://localhost:8080/zhcy/"
                                    console.log(ctx);
                                var code  =document.getElementById("imageCode");
                                
                            code.src=ctx+"/servlet/validateCodeServlet?"+Math.random();
                                
                                    alert('2');
       }

在寻找解决方法的时候发现一种更为精简的：  
为了在所有浏览器上都能实现点击验证码的刷新功能，我们可以在上述代码中添加随机参数，对浏览器进行欺骗。

<img src="{
       {url('admin/code')}}" alt="" onclick="this.src='{
       {url('admin/code')}}?'+Math.random()">

[原文链接][Link 1]

[Link 1]: https://blog.csdn.net/weixin_34111819/article/details/89052282#commentBox

发表评论取消回复

表情：

评论列表（有 0 条评论，77人围观）

还没有评论，来说两句吧...

相关阅读

相关点击事件验证码不能实现刷新的问题

台验证码接口地址如下： $\{pageContext.request.contextPath\}/servlet/validateCodeServlet 当我们写了...

分手后的思念是犯贱/ 2024年04月17日 15:07/ 0 赞/ 78 阅读

相关点击读秒获取验证码按钮实现

在桌面上面创建一个后缀名.html的文本，把代码复制进去就可以测试了。注意如需要做的好看点，样式自己添加。 1.需要给button设置背景，字体颜色，2.点击以后设置变化颜色

亦凉/ 2024年02月17日 17:34/ 0 赞/ 150 阅读

相关 js 实现点击图片刷新验证码看不清换一张

第一种：js和html语句分离注意：[checkcode.java代码在上一篇验证码文章中][checkcode.java] <!DOCTYPE html>

梦里梦外;/ 2023年10月04日 17:16/ 0 赞/ 17 阅读

相关 Flutter随手记：GestureDetector实现点击事件时，点击空白区域不能响应？

![cf750a91c816f05f4e7939d1d73eb424.png][] 作为一个Flutter小白，需要写点随手笔记，来增加熟练度。正题 --

刺骨的言语ヽ痛彻心扉/ 2023年01月10日 11:50/ 0 赞/ 471 阅读

相关 HarmonyOS 点击事件的实现

HarmonyOS 点击事件使用的方法 HarmonyOS 点击事件使用 setClickedListener 编译器提醒换是很不错的 ![202106232221

柔光的暖阳◎/ 2022年10月09日 04:52/ 0 赞/ 15 阅读

相关 Android-点击事件分发机制验证

简介 -------------------- 点击事件的事件分发，其实就是对MotionEvent事件的分发过程，即当一个MotionEvent产生之后，系统需要这个

曾经终败给现在/ 2022年08月22日 12:29/ 0 赞/ 133 阅读

相关 SpringMVC验证码生成，点击刷新及验证--基于kaptcha

直接看结果实验结果 ![这里写图片描述][20160308153032876] 输入正确的验证码 ![这里写图片描述][20160308153044592] 输

川长思鸟来/ 2022年08月20日 06:10/ 0 赞/ 361 阅读

相关 Thinkphp5的captcha扩展包安装，验证码验证以及点击刷新

效果图 ![这里写图片描述][70] 一、首先使用Composer安装think-captcha扩展包，需要fanqiang哦 composer require

迷南。/ 2022年05月24日 05:48/ 1 赞/ 1172 阅读

相关 servlet生成验证码和点击刷新验证码

javaweb项目，有两个文件，一个java文件，用来生成验证码并输出到servlet输出流中。一个html文件，用来写组件和点击事件，刷新验证码。 CodeServlet.

- 日理万妓/ 2022年03月21日 06:46/ 0 赞/ 499 阅读

相关爬虫验证码：破解【点击旋转验证码】

这里破解某某动漫的点击翻转验证码为例：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH

蔚落/ 2022年02月13日 11:13/ 0 赞/ 1126 阅读