AJAX+JAVA 사용자 로그인 등록 확인을 구현하는 코드
- coldplay.xixi앞으로
- 2020-08-24 17:33:363248검색
【관련 학습 추천: java 기본 튜토리얼】
Requirements
Ajax 비동기 새로 고침 페이지를 통해 사용자가 입력한 계정 비밀번호가 데이터베이스에 존재하는지 확인합니다.
Technology stack
JSP+Servlet+Oracle
특정 코드
JSP 부분:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!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>Insert title here</title>
</head>
<script>
function createXMLHttpRequest() {
try {
xmlHttp = new XMLHttpRequest();//除了ie之外的其他浏览器使用ajax
} catch (tryMS) {
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");//ie浏览器适配
} catch (otherMS) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//ie浏览器适配
} catch (failed) {
xmlHttp = null;
}
}
}
return xmlHttp;
}
//提交请求
var xmlHttp;
function checkUserExists() {
var u = document.getElementById("uname");
var username = u.value;
if (username == "") {
alert("请输入用户名");
u.focus();
return false;
}
//访问字符串
var url = "loginServlet";
//创建核心xmlhttprequest组件
xmlHttp = createXMLHttpRequest();
//设置回调函数
xmlHttp.onreadystatechange = proessRequest;
//初始化核心组件
xmlHttp.open("post", url, true);
//设置请求头
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
//发送请求
xmlHttp.send("uname="+username);
}
//回调函数
function proessRequest() {
if (xmlHttp.status==200 && xmlHttp.readyState == 4) {
var b = xmlHttp.responseText;//得到服务端的输出结果
if (b=="true") {
document.getElementById("alert").innerHTML = "<font color='red'>用户名已经存在！</font>";
}else {
document.getElementById("alert").innerHTML = "<font color='blue'>用户名可以使用！</font>";
}
}
}
</script>
<body>
请输入用户名：
<input id="uname" name="uname" type="text" onblur="checkUserExists()" /><p id="alert" style="display:inline"></p>
</body>
</html>여기에서는 Dao 레이어가 사용되지 않으며 서블릿과 서비스 레이어가 직접 사용됨 확인을 위해. 다음은 서비스중인 JDBC 쿼리의 코드입니다.
위 내용은 AJAX+JAVA 사용자 로그인 등록 확인을 구현하는 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
이 기사는 jb51.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제