AJAX用於判定使用者是否註冊
這篇文章主要為大家詳細介紹了AJAX用於判定用戶是否註冊，具有一定的參考價值，感興趣的小伙伴們可以參考一下
#在很多註冊的頁面上，我們可能會遇到以下情況，當我們註冊用戶名的時候可能會提示該用戶名已註冊，其實作是應用AJAX技術。
先寫一個登陸頁面
<html>
<head>
<title></title>
<script type="text/javascript">
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;
}
</script>
</head>
<body>
<form action="tt.jsp" method="post" onsubmit="return checkForm()">
用户ID <input type="text" name="userid" onblur="checkUserid(this.value)"><span id="msg"></span><br>
姓名：<input type="text" name="name"><br>
密码：<input type="password" name="password"><br>
<input type="button" value="注册">
<input type="reset" value="重置">
</form>
</body>
</html>接著寫一個servlet的Java程式碼
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class CheckServlet extends HttpServlet{
public static final String DBDRIVER = "oracle.jdbc.OracleDriver";
public static final String DBURL = "jdbc:oracle:thin:@59.173.240.149:1521:heer";
public static final String DBUSER = "hnsyu_dev";
public static final String DBPASS = "hnsyuok";
public void doGet(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException{
this.doPost(request, response);
}
public void doPost(HttpServletRequest request,HttpServletResponse response)
throws ServletException,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中進行設定
<?xml version="1.0" encoding="UTF-8"?> <web-app version="3.0" 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"> <display-name></display-name> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> <servlet> <servlet-name>CheckServlet</servlet-name> <servlet-class>CheckServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>CheckServlet</servlet-name> <url-pattern>/CheckServlet</url-pattern> </servlet-mapping> </web-app>
上面是我整理給大家的，希望今後對大家有幫助。
相關文章：
以上是AJAX用於判定使用者是否註冊的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何用小紅書號找出用戶？能查到手機號碼嗎？
Mar 22, 2024 am 08:40 AM
隨著社群媒體的迅速發展，小紅書已經成為了備受青睞的社群平台之一。用戶可以透過建立小紅書號來展示個人身份，並與其他用戶交流互動。如果你需要找某個用戶的小紅書號碼，可以按照以下簡單步驟來操作。一、如何用小紅書號找出用戶？ 1.開啟小紅書APP，點選右下角的「發現」按鈕，然後選擇「筆記」選項。 2.在筆記清單中，找到你想找的用戶發布的筆記。點擊進入筆記詳情頁。 3.在筆記詳情頁中，點選使用者頭像下方的「追蹤」按鈕，即可進入該使用者的個人首頁。 4.在使用者個人主頁右上角，點選三個點按鈕，然後選擇「個人資訊
以超級使用者登入Ubuntu
Mar 20, 2024 am 10:55 AM
在Ubuntu系統中，root使用者通常是停用狀態的。要啟動root用戶，可以使用passwd指令設定密碼，然後使用su-指令以root身分登入。根用戶是具有系統管理權限且不受限制的使用者。他擁有存取和修改檔案、使用者管理、軟體安裝和刪除，以及系統配置變更等權限。根用戶與一般用戶有著明顯的區別，根用戶擁有系統中最高的權限和更廣泛的控制權。根用戶可以執行重要的系統命令和編輯系統文件，而普通用戶則無法做到這一點。在本指南中，我將探討Ubuntu根用戶，如何以根用戶身份登錄，以及它與一般用戶的不同之處。注意
什麼是 sudo，為什麼它如此重要？
Feb 21, 2024 pm 07:01 PM
sudo（超級使用者執行）是Linux和Unix系統中的關鍵指令，允許一般使用者以root權限執行特定指令。 sudo的功能主要體現在以下幾個方面：提供權限控制：sudo透過授權使用者以臨時方式取得超級使用者權限，從而實現了對系統資源和敏感操作的嚴格控制。普通用戶只能在需要時透過sudo獲得臨時的特權，而不需要一直以超級用戶登入。提升安全性：透過使用sudo，可以避免在常規操作中使用root帳號。使用root帳戶進行所有操作可能會導致意外的系統損壞，因為任何錯誤或不小心的操作都將具有完全的權限。而
解決jQuery AJAX請求遇到403錯誤的方法
Feb 20, 2024 am 10:07 AM
標題：解決jQueryAJAX請求出現403錯誤的方法及程式碼範例403錯誤是指伺服器禁止存取資源的請求，通常會導致出現這個錯誤的原因是請求缺少權限或被伺服器拒絕。在進行jQueryAJAX請求時，有時會遇到這種情況，本文將介紹如何解決這個問題，並提供程式碼範例。解決方法：檢查權限：首先要確保請求的URL位址是正確的，同時驗證是否有足夠的權限來存取該資
PHP 與 Ajax：建立一個自動完成建議引擎
Jun 02, 2024 pm 08:39 PM
使用PHP和Ajax建置自動完成建議引擎：伺服器端腳本：處理Ajax請求並傳回建議(autocomplete.php)。客戶端腳本：發送Ajax請求並顯示建議(autocomplete.js)。實戰案例：在HTML頁面中包含腳本並指定search-input元素識別碼。
解決jQuery AJAX請求403錯誤的方法
Feb 19, 2024 pm 05:55 PM
jQuery是一個受歡迎的JavaScript函式庫，用來簡化客戶端端的開發。而AJAX則是在不重新載入整個網頁的情況下，透過發送非同步請求和與伺服器互動的技術。然而在使用jQuery進行AJAX請求時，有時會遇到403錯誤。 403錯誤通常是伺服器禁止存取的錯誤，可能是由於安全性原則或權限問題導致的。在本文中，我們將討論如何解決jQueryAJAX請求遭遇403錯誤
Linux系統中的使用者密碼儲存機制解析
Mar 20, 2024 pm 04:27 PM
Linux系統中的使用者密碼儲存機制解析在Linux系統中，使用者密碼的儲存是非常重要的安全機制之一。本文將解析Linux系統中使用者密碼的儲存機制，包括密碼的加密儲存、密碼的驗證過程以及如何安全地管理使用者密碼。同時，將透過具體的程式碼範例展示密碼儲存的實際操作流程。一、密碼的加密儲存在Linux系統中，使用者密碼並不是以明文的形式儲存在系統中，而是經過加密後儲存。 L
Oracle資料庫：一個使用者是否可以擁有多個表空間？
Mar 03, 2024 am 09:24 AM
Oracle資料庫是一種常用的關聯式資料庫管理系統，許多使用者都會遇到關於表空間的使用問題。在Oracle資料庫中，一個使用者可以擁有多個表空間，這樣可以更好地管理資料儲存和組織。本文將探討一個使用者如何在Oracle資料庫中擁有多個表空間，並提供具體的程式碼範例。在Oracle資料庫中，表空間是用來儲存表格、索引、視圖等物件的邏輯結構。每個資料庫至少有一個表空間，
