使用重写url机制实现验证码换一张功能

更新时间：2017年08月01日 09:25:37 作者：JYLM

重写URL机制：为了保证一个url的地址唯一，可每次向服务器传递的参数不一样即可。此处在实现验证码的换一张的功能时，就是利用了改变参数列表的值进行刷新。具体详细代码大家参考下本文

重写URL机制：为了保证一个url的地址唯一，可每次向服务器传递的参数不一样即可。

由数据请求的抱头信息可分析到：抱头信息包括http协议，IP地址，端口号，工程名，请求参数列表，要想访问的资源不发生变化，只能变化参数连表。

此处在实现验证码的换一张的功能时，就是利用了改变参数列表的值进行刷新。

详细代码实现：

<%@page import="javax.imageio.ImageIO"%> 
<%@page import="java.awt.Font"%> 
<%@page import="java.awt.Color"%> 
<%@page import="java.awt.Graphics"%> 
<%@page import="java.awt.image.BufferedImage"%> 
<%@ page contentType="image/jpeg" language="java" import="java.util.*" pageEncoding="UTF-8"%> 
<% 
int w=100; 
int h=30; 
BufferedImage bi=new BufferedImage(w,h,BufferedImage.TYPE_INT_RGB); 
Graphics g=bi.getGraphics(); 
Color c=g.getColor(); 
Font f=g.getFont();  
Random r=new Random(); 
Color bg=new Color(150+r.nextInt(100),150+r.nextInt(100),150+r.nextInt(100)); 
g.setColor(bg); 
g.fillRect(0, 0, w, h); 
String code=""; 
for(int i=1;i<=4;i++){ 
int num=r.nextInt(10); 
code=code+num; 
Color num_c=new Color(r.nextInt(150),r.nextInt(150),r.nextInt(150)); 
g.setColor(num_c); 
g.drawString(String.valueOf(num), 20*i, h/2); 
} 
request.getSession().setAttribute("code", code); 
//清空缓存 
response.setHeader("pragma", "bo-cache"); 
response.setHeader("cache-control", "bo-cache"); 
response.addDateHeader("expires", 0); 
ImageIO.write(bi, "jpeg", response.getOutputStream()); 
out.close(); 
 %>

添加登录页面：

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.util.*" pageEncoding="UTF-8"%> 
<%String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
 <head> 
  <base href="<%=basePath%>" rel="external nofollow" > 
  <title>My JSP 'login.jsp' starting page</title> 
  <meta http-equiv="pragma" content="no-cache"> 
  <meta http-equiv="cache-control" content="no-cache"> 
  <meta http-equiv="expires" content="0">   
  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
  <meta http-equiv="description" content="This is my page"> 
  <!-- 
  <link rel="stylesheet" type="text/css" href="styles.css" rel="external nofollow" > 
  --> 
  <script type="text/javascript"> 
function changeimage(){ 
var d=new Date();//生成时间戳， 
document.getElementById("img").src="image.jsp?t="+d;//由变化的时间使参数连表发生变化，url重写 
} 
</script> 
 </head> 
 <body> 
 <font color="red">${requestScope.msg }</font> 
  <form action="loginServlet" method="post"> 
  name:<input type="text" name="uname"><br> 
  pwd:<input type="pwd" name="upwd"><br> 
  code:<input type="text" name="code" size="5"><img id="img" alt="" src="image.jsp "><a onclick="changeimage()">换一张</a><br> 
  <input type="submit" > 
  </form> 
 </body> 
</html>

利用时间的变化，每次生成时间戳，传参给请求的url，达到重写url的目的，从而实现了换一张的刷新功能。

总结

以上所述是小编给大家介绍的使用重写url机制实现验证码换一张功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

常用JS代码实例小结
跟网上的一些常用的不太一样，个人都有个人常用的代码，大家看到好东西，不一定什么都会，起码要知道有这么个东西。方便以后用也方便找。
2009-04-04
Firefox下无法正常显示年份的解决方法
在用Firefox上一些网站会看到这样的显示108年1月26日，而IE显示为2008年1月26日原因是javascrīpt的兼容性问题
2014-09-09
JavaScript中的Window.open()用法示例详解
这篇文章主要给大家介绍了关于JavaScript中Window.open()用法的相关资料,今天在项目中用到了弹出子窗口,就想到了用JavaScript实现的两种方法,其中一个就是window.open(),需要的朋友可以参考下
2023-07-07
JavaScript 装逼指南(js另类写法)
如何写JavaScript才能逼格更高呢？怎样才能、让别人一眼看出你不简单呢？是否很期待别人在看完你的代码之后感叹一句原来还可以这样写呢？下面列出一些在JavaScript时的装逼技巧，也可说是非常实用的写法
2020-05-05
移动端（微信等使用vConsole调试console的方法
这篇文章主要介绍了移动端（微信等使用vConsole调试console的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-03-03
JavaScript制作简单的框选图表
这篇文章主要为大家详细介绍了JavaScript制作一个简单的框选图表，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
JS实现将人民币金额转换为大写的示例代码
本篇文章主要是对使用JS实现将人民币金额转换为大写的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-02-02
学习JS中的DOM节点以及操作
本篇文章给大家整理了关于JS中DOM节点的相关知识点以及代码实例，有兴趣的朋友可以跟着学习下。
2018-04-04
JS及JQuery对Html内容编码,Html转义
本文主要介绍了JS及JQuery对Html内容编码,Html转义的方法。具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
js获取form表单中name属性的值
今天小编就为大家分享一篇关于js获取form表单中name属性的值，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2019-02-02