最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
AJAX用于判定用户是否注册的教程
时间:2022-06-25 18:09:44 编辑:袖梨 来源:一聚教程网
在很多注册的页面上,我们可能会遇到以下情况,当我们注册用户名的时候可能会提示该用户名已注册,其实现是应用AJAX技术。
首先写一个登陆页面
代码如下 | 复制代码 |
var xmlHttp; var flag; function createXMLHttp(){ if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); }else{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } function checkUserid(userid){ createXMLHttp(); xmlHttp.open("POST","CheckServlet?userid="+userid); xmlHttp.onreadystatechange=checkUseridCallback; xmlHttp.send(); document.getElementById("msg").innerHTML="正在验证。。。"; } function checkUseridCallback(){ if(xmlHttp.readyState==400){ if(xmlHttp.status==200){ var text=xmlHttp.responseText; if(text=="true"){ flag=false; document.getElementById("msg").innerHTML="用户ID重复,无法使用"; }else{ flag=true; document.getElementById("msg").innerHTML="此用户ID可以注册"; } } } } function checkForm(){ return flag; } 用户ID 姓名: 密码: |
随后写一个servlet的Java代码
代码如下 | 复制代码 |
importjava.io.IOException; importjava.io.PrintWriter; importjava.sql.Connection; importjava.sql.DriverManager; importjava.sql.PreparedStatement; importjava.sql.ResultSet; importjava.sql.SQLException; importjavax.servlet.ServletException; importjavax.servlet.http.HttpServlet; importjavax.servlet.http.HttpServletRequest; importjavax.servlet.http.HttpServletResponse; publicclassCheckServletextendsHttpServlet{ publicstaticfinalString DBDRIVER ="oracle.jdbc.OracleDriver"; publicstaticfinalString DBURL ="jdbc:oracle:thin:@59.173.240.149:1521:heer"; publicstaticfinalString DBUSER ="hnsyu_dev"; publicstaticfinalString DBPASS ="hnsyuok";
publicvoiddoGet(HttpServletRequest request,HttpServletResponse response) throwsServletException,IOException{ this.doPost(request, response); }
publicvoiddoPost(HttpServletRequest request,HttpServletResponse response) throwsServletException,IOException{ request.setCharacterEncoding("gbk"); response.setContentType("text/html"); Connection connection =null; PreparedStatement preparedStatement =null; ResultSet resultSet =null; PrintWriter out = response.getWriter(); String userid = request.getParameter("userid"); try{ Class.forName(DBDRIVER); connection = DriverManager.getConnection(DBURL, DBUSER, DBPASS); String sql ="select count(userid) from userdemo where userid=?"; preparedStatement = connection.prepareStatement(sql); preparedStatement.setString(1,userid); resultSet = preparedStatement.executeQuery(); if(resultSet.next()) { if(resultSet.getInt(1)>0){ out.print("false"); System.out.println("true"); }else{ out.print("false"); } } out.close(); }catch(Exception e) { e.printStackTrace(); }finally{ try{ connection.close(); }catch(Exception e) { e.printStackTrace(); } } } } |
其中还需要在web.xml中进行配置
代码如下 | 复制代码 |
xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"> |
相关文章
- 《夜族崛起》铁匠西里尔位置一览 05-17
- 《寓言之地》1.02更新内容一览 05-17
- 《辐射4》steam好评率介绍 05-17
- 《夜族崛起》技能强化珠宝掉落说明 05-17
- 《辐射4》主机控制台介绍 05-17
- 《星露谷物语》海草和绿藻获取方法 05-17