最新下载
热门教程
- 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.**su*n.com/xml/ns/javaee" xmlns:xsi="http://www.**w*3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.**su*n.com/xml/ns/javaee http://java.**su*n.com/xml/ns/javaee/web-app_3_0.xsd"> |
|
相关文章
- poipiku网站如何打开-poipiku官网网页版访问入口 01-06
- uc网盘网页版官方入口-UC网盘网页版快捷登录 01-06
- 全免费影视软件哪个最好用-全免费电视电影软件推荐 01-06
- 悟空浏览器怎样直接打开网页-悟空浏览器一键直达网页技巧分享 01-06
- 谷歌google官方入口-Google官方网站入口 01-06
- 漫画天堂最新版本下载入口-漫画天堂官方正版下载入口汇总 01-06