刷新验证码问题-优快云博客

本文链接：https://blog.youkuaiyun.com/guliangliang/article/details/5538275

本文记录了一个初级程序员尝试实现验证码刷新功能的过程。作者通过多种方法尝试使验证码图像能够在不刷新整个页面的情况下更新，最终发现将所有代码放置在img标签内能够解决问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天想实现一个验证码，点击一个按钮，可以刷新，无需刷新整个页面，本以为这是个相当容易的问题，却遇到了不少

麻烦，有些问题现在还没有完全解决。

makecode.jsp是生成验证码的页面

页面中是这样定义的

      验证码：<input name="code" id="code" class="a_2" type="text" />
         <img id="code" alt="点此刷新" src="<%=path %>/page/makecode.jsp" />
     <A href="#" onclick="document.getElementById('code').src='<%=path %>/page/makecode.jsp?temp='+ (new Date().getTime().toString(36));alert(document.getElementById('code').src);">看不清,换一张</A>

却一直提示有错误，无法实现，到网上看别人的文章，就是这样的思路，没有错误。也能alert（）出图片的链接地址已经改变，但是

验证码却没有任何变化。

为了避免内存中的缓存问题，提交请求时，<%=path %>/page/makecode.jsp?temp='+ (new Date().getTime().toString(36)) ，增加了这个临时参数？temp='+ (new Date().getTime().toString(36))，还是不行

最后直接把定义都放在img标签里面，竟然成功了。

<img id="code" alt="点此刷新" src="<%=path %>/page/makecode.jsp" style="cursor:pointer;" onclick='javascript:this.src="<%=path %>/page/makecode.jsp?temp="++ (new Date().getTime().toString(36))；' />

可能document.getElementById('code').src有问题吧，但是明明能够alert出来。

这个问题，还望看到的思考解决下，谢了

呵呵，因为我也是一个初级的程序员，所以技术不高，只是记录些自己的点点滴滴