基于ajax实现验证码功能
来源：爱站网时间：2019-09-28编辑：网友分享
我们在开发程序的时候，都有一个验证码的功能，但是程序员开发的时候要怎么实现呢？下面就让爱站技术频道小编带大家一起来看看基于ajax实现验证码功能的详细介绍吧。
我们在开发程序的时候，都有一个验证码的功能，但是程序员开发的时候要怎么实现呢？下面就让爱站技术频道小编带大家一起来看看基于ajax实现验证码功能的详细介绍吧。
具体内容如下
首先创建一个验证码：
将验证码压缩成图片，在checkcode.jsp中引用,并在该页面中利用ajax向服务器发送数据
验证码
| 验证码 |  |
√√√ |
然后编写服务端,接收输入的信息，判断是否与验证码相互匹配,将对应的图片的路径以输出流的方式输出
public class CheckcodeServlet extends HttpServlet {
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
req.setCharacterEncoding("utf-8");
resp.setContentType("text/html;charset=utf-8");
//图片路径
String tip = "images/MsgError.gif";
String checkcode = req.getParameter("checkcode");
//测试
System.out.println(checkcode);
//获取session域中的数字
String checkcodeService = (String) req.getSession().getAttribute("CHECKNUM");
//判断
if (checkcode.equals(checkcodeService)) {
tip = "images/MsgSent.gif";
}
//输出路径
PrintWriter pw = resp.getWriter();
pw.write(tip);
pw.flush();
pw.close();
}
}
当输入第4个数字的时候就会出现提示
运行结果:
以上就是由爱站技术频道小编带来的基于ajax实现验证码功能?看完上述的介绍，相信大家已经学会了，爱站技术频道会继续为大家提供专业的知识。
上一篇：ajax实现无刷新上传文件功能
