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

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

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

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

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

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

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

原文链接

发表评论

表情：
评论列表 （有 0 条评论，115人围观）

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

相关阅读

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

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

    亦凉亦凉/ 0 赞/ 200 阅读