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

后台验证码接口地址如下：
${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()">

原文链接

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

php验证码切换不刷新页面,Yii2解决验证码点击、刷新页面不刷新问题
原文链接:https://www.jianshu.com/p/7455f270ebcb 首先解决刷新页面不刷新验证码问题通过分析源码,我们只需修改\yii\captcha\CaptchaAction ...
Mint-ui中loadmore(上拉加载下拉刷新)组件在ios中滑动会触发点击事件的解决方法...
bug说明: Mint-ui中loadmore(上拉加载下拉刷新)组件在使用fastclick的情况下 ,在ios设备中滑动会触发点击事件: 解决方法: 我是按需引入,去项目中找到loadmore ...
JS点击获取验证码后60秒内禁止重新获取（防刷新）
JS点击获取验证码后60秒内禁止重新获取(防刷新) 参考 · 阅读文章: JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效) 注意: 场景:在登录页点击发送啊验证码按钮,开始进入倒计时,在第3 ...
vue el-tree懒加载默认展开一级，懒加载刷新（默认高亮某个节点，触发某个节点的点击事件）
场景如上图所示,左边展示分组及分组下的标签,点击某个标签,在右边展示某个标签的详情,可以对标签内容进行编辑保存,还可对标签进行搜索,默认展示全部标签,展开一级不目下标签,若对标签进行搜索筛选,则把每 ...
android 项目学习随笔十三（ListView实现ITEM点击事件,将已读状态持久化到本地）...
1.因为给LISTVIEW增加了两个头布局,所以在点击事件ITEM索引会增加2,比如原来第一条数据的索引应该为0,增加两个头布局后,它的索引变为 2,为了使LISTVIEW的ITEM在点 ...
android之View坐标系（view获取自身坐标的方法和点击事件中坐标的获取）
在做一个view背景特效的时候被坐标的各个获取方法搞晕了,几篇抄来抄去的博客也没弄很清楚. 现在把整个总结一下. 其实只要把下面这张图看明白就没问题了. 涉及到的方法一共有下面几个: view获取自身 ...
DevExpress的图形按钮菜单栏控件WindowsUIButtonPanel的布局、使用和设置按钮的点击事件
场景 Winform控件-DevExpress18下载安装注册以及在VS中使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/1 ...
按钮点击_如何设置微信小程序按钮点击事件？
当我们需要点击按钮实现一个操作时,我们应该怎么设置?这里给大家介绍两种方法: 方法一:使用小程序模板,无需懂技术. 这种方法比较简单,你只需要选一个比较简单的小程序模板,比如「上线了」sxl.cn,在 ...
Android 全局悬浮按钮，悬浮按钮点击事件
实现效果: 实现方法: 在自定义baseActivity里面添加viwe即可.在子activity里刷新悬浮View即可 public abstract class BaseActivity exte ...

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

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

最新文章

热门文章