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

分手后的思念是犯贱 2024-04-17 15:07 33阅读 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 条评论，33人围观）

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

相关阅读

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

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

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

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

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

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

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

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

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

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

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

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

相关移动浏览器点击事件的问题

大家都知道移动端的程序中，是没有点击事件的，只有 touchstart、touchmove、touchend。利用jquery这样写的话，也可以，但是当你点击按钮的单击

怼烎@/ 2022年08月20日 13:24/ 0 赞/ 156 阅读

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

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

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

相关 vue获取手机验证码60秒倒计时，不能点击按钮

vue获取手机验证码60秒倒计时，不能点击按钮 export const resend = element => { console.log(elemen

叁歲伎倆/ 2022年06月09日 06:19/ 0 赞/ 157 阅读

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

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

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

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

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

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

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

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

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