Ajax验证码(JSP+SERVLET)

转载 2013年12月04日 10:27:53

servlet代码:

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class ImageAction extends HttpServlet {
	/**
	 * 执行登陆的业务处理
	 * @param request:发送上来的请求
	 * @return destJsp:目标URL
	 */
	public void service(HttpServletRequest request,
			HttpServletResponse response) throws IOException,ServletException{
		//设置页面不缓存
		response.setHeader("Pragma", "No-cache");
		response.setHeader("Cache-Control", "no-cache");
		response.setDateHeader("Expires", 0);
		//在内存中创建图象
		int width = 60, height = 20;
		BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
		//获取图形上下文
		Graphics g = image.getGraphics();
		//生成随机类
		Random random = new Random();
		//设定背景色
		g.setColor(getRandColor(220, 250));
		g.fillRect(0, 0, width, height);
		//设定字体
		g.setFont(new Font("Times New Roman", Font.PLAIN, 18));
		//画边框
		//g.drawRect(0,0,width-1,height-1);
		g.draw3DRect(0,0,width-1,height-1,true);
		//随机产生155条干扰线,使图象中的认证码不易被其它程序探测到
		g.setColor(getRandColor(160, 200));
		for (int i = 0; i < 155; i++) {
			int x = random.nextInt(width);
			int y = random.nextInt(height);
			int xl = random.nextInt(12);
			int yl = random.nextInt(12);
			g.drawLine(x, y, x + xl, y + yl);
		}
		// 取随机产生的认证码(6位数字)
		String sRand = "";
		String s = "012345678901234567890123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ012345678901234567890123456789abcdefghijklmnopqrstuvwxyz";
		for (int i = 0; i < 4; i++) {
			char rand =s.charAt(random.nextInt(s.length()));
			sRand += rand;
			// 将认证码显示到图象中
			g.setColor(new Color(20 + random.nextInt(110), 20 + random.nextInt(110), 20 + random.nextInt(110)));
			//调用函数出来的颜色相同,可能是因为种子太接近,所以只能直接生成
			g.drawString(String.valueOf(rand), 13 * i + 6, 16);
		}
		g.drawOval(0,12,60,11);
		// 将认证码存入SESSION
		request.getSession().setAttribute("rand", sRand);
		// 图象生效
		g.dispose();
		ServletOutputStream output;
		try {
			output = response.getOutputStream();
			// 输出图象到页面
			ImageIO.write(image, "JPEG", output);
		} catch (IOException e) {
			e.printStackTrace();
		}
	}
	
	/**
	 * 生成随机颜色
	 */
	private Color getRandColor(int fc, int bc) {
		Random random = new Random();
		if (fc > 255)
			fc = 255;
		if (bc > 255)
			bc = 255;
		int r = fc + random.nextInt(bc - fc);
		int g = fc + random.nextInt(bc - fc);
		int b = fc + random.nextInt(bc - fc);
		return new Color(r, g, b);
	}
}

web.xml代码

<servlet>
  <servlet-name>ImageAction</servlet-name>
  <servlet-class>cn.netjava.servlet.ImageAction</servlet-class>
  </servlet>
  <servlet-mapping>
  <servlet-name>ImageAction</servlet-name>
  <url-pattern>/ImageAction</url-pattern>
  </servlet-mapping>
index.html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; 

charset=UTF-8">
<title>验证码测试</title>

<script type="text/javascript">

//取得XMLHttpRequest对象是AJAX的要点
//此getXMLRequest()方法是根据不同浏览器来取得XMLHttpRequest对象
function getXMLRequest(){
	var request;
	try{
        //for火狐等浏览器
        request = new XMLHttpRequest();
	}catch(e){
        try{
            //for IE
            

request = new ActiveXObject("Microsoft.XMLHttp");  
        }catch(e){
            alert("您的浏览器不支持AJAX!!!");
            return null;
        }
	}
	return request;
}

//此checkcode()方法是更换验证码图片的要点
function checkcode(){
	var request = getXMLRequest();//得到XMLHttpRequest对象
	request.onreadystatechange = function(){
        if

(request.readyState == 4){
            document.getElementById("code").src = "ImageAction?"+Math.random();//改变验证码图片
        }
	}
                //将请求发送出去
	

request.open("GET","ImageAction",true);
	request.send(null);
}

</script>

</head>

<body>
//因为是单一功能测试,所以页面比较简单
//只有一个验证码的图片和一行字........
<img id="code" 

src="ImageAction"><br>
<a href="#" onclick="checkcode()">看不清,换一张</a>
</body>

</html>





jquery+jsp+servlet+ajax实现注册功能,ajax校验用户名、验证码等(转自他人)

具体见:http://m.blog.csdn.net/Damionew/article/details/73048150
  • feifei318
  • feifei318
  • 2017年09月21日 11:19
  • 241

JSP + Servlet实现登录验证码

随机生成四位数验证码,包括汉字,数字,英文大小写。1.Servlet类package servlet;import java.awt.BasicStroke; import java.awt.Colo...
  • Giving_bestself
  • Giving_bestself
  • 2017年03月01日 17:44
  • 487

JSP+servlet生成验证码并验证

生成验证码的基本过程是:
  • tuke_tuke
  • tuke_tuke
  • 2015年08月02日 21:15
  • 1335

jquery+jsp+servlet+ajax实现注册功能,ajax校验用户名、验证码等

注册样式很大众化 实现了以下功能: 用户名: jQuery实现:1、失去焦点校验输入是否为空及限制字符数然后显示Label;2、获得焦点后隐藏;3、ajax校验是否该用户名是否已存在于数据库 登录密码...
  • Damionew
  • Damionew
  • 2017年06月11日 17:24
  • 1843

利用ajax异步校验验证码

利用ajax异步校验验证码 示例结果如图所示 具体步骤如下: step1: jsp页面及js脚本 form /js/my.js"> //检...
  • u011637069
  • u011637069
  • 2015年11月28日 23:18
  • 2253

实现带有验证码的ajax局部刷新登录界面

现在的登录界面大多数都带有:验证码的功能+验证码局部刷新+ajax登录。用ajax登录的好处最明显就是速度快,URL地址没有变化。所有现在登录功能很少再用form表单post提交了,大多数都已经采用了...
  • linzhiqiang0316
  • linzhiqiang0316
  • 2016年05月01日 13:26
  • 13235

验证码无刷新验证(AJAX技术)

看了两天也没明白为何这代码不能实现“接连3次输入错误,更新验证码,重新输入”的功能,阿西吧等我再研究一哈回来更改。 需要生成验证码图片模板的小伙伴们看过来~(微笑脸) 运行效果示意: 主页面 im...
  • Sugar_girl
  • Sugar_girl
  • 2017年01月17日 12:17
  • 1629

动态生成能够局部刷新的验证码【AJAX技术】---看了不懂赔你钱

在开发JavaWeb应用时,动态生成验证码是一项必须的功能,在这里我们将会详细的讲解如何实现这一功能。...
  • L_BestCoder
  • L_BestCoder
  • 2017年02月15日 12:08
  • 1188

ajax实现动态验证码验证(前端jsp页面)

效果图 AJAX实现验证码交互
  • qq_18675693
  • qq_18675693
  • 2015年12月16日 22:13
  • 1889

ThinkPHP的使用(七)验证码的使用,及Ajax验证

AdminController.class.php相关代码 //验证码类 public function verifyImg(){ $cfg=array( 'imageH' ...
  • sinat_32323511
  • sinat_32323511
  • 2017年04月25日 15:50
  • 301
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax验证码(JSP+SERVLET)
举报原因:
原因补充:

(最多只允许输入30个字)