溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

如何在php中利用ajax實現(xiàn)一個注冊驗證功能

發(fā)布時間：2020-12-19 15:29:33 來源：億速云 閱讀：128 作者：Leah 欄目：開發(fā)技術(shù)

這篇文章給大家介紹如何在php中利用ajax實現(xiàn)一個注冊驗證功能，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

ajax.js:ajax技術(shù)的核心文件了，主要是驗證提示的時時顯示，這個文件通常不需要進(jìn)行修改，只需要進(jìn)行前端調(diào)用即可。

var xmlHttp
function showHint(str)
{
if (str.length==0)
 { 
 document.getElementById("txtHint").innerHTML=""
 return
 }
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 } 
xmlHttp.onreadystatechange=stateChanged 

var geturl="conn.php?q="+str
//sid是增加一個隨機(jī)數(shù) 防止頁面啟用緩存技術(shù)·
geturl=geturl+"&sid="+Math.random()
geturl=encodeURI(geturl);
geturl=encodeURI(geturl); 
xmlHttp.open("GET",geturl,true)
xmlHttp.send(null)
} 
function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("txtHint").innerHTML=xmlHttp.responseText 
 } 
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 // Internet Explorer
 try
 {
 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
 }
 catch (e)
 {
 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
 }
return xmlHttp;
}

conn.php:這是網(wǎng)站的配置文件，要配置好自己本地的mysql用戶名和密碼,需要配置PHP與數(shù)據(jù)庫的連接,可以參考PHP+MYSQL數(shù)據(jù)庫連接的文章,另外要處理接受過來的數(shù)據(jù)進(jìn)行時實顯示，如果有多項要驗證的文件，在這里進(jìn)行多項接受和驗證即可。

<?php
$q=$_GET["q"];
$q = urldecode($q);

if (strlen($q) > 0)
{
 $conn = @mysql_connect("localhost","root","1010") or die ("MySql連接錯誤");
 mysql_select_db("xin",$conn);
 mysql_query("set names 'utf8'");
 
 $sql = "SELECT username FROM message WHERE username = '$q'";
 $query = mysql_query($sql);
 @$row = mysql_fetch_array($query);
 
 if(!empty($row['username']))
 {
 $response = "<font color=red>已經(jīng)被注冊！</font>";
 }else
 {
 $response = "<font color=blue>恭喜！可以注冊！</font>";
 }
 
 echo $response;
}

?>

index.html:這就是前端文件了，這個文件相對來說要更簡單一些，調(diào)用了ajax.js的處理文件,將要提交無刷新驗證的文件提交到conn.php和后臺進(jìn)行連接。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="ajax.js"></script> 
</head>
<body bgcolor="#999999">
<center>
<form> 
<table>
 <tr>
 <td>用戶名：</td>
 <td><input type="text" id="txt1" onKeyUp="showHint(this.value)"></td>
 </tr>
 <tr align="center">
 <td colspan="2"><span id="txtHint"></span></td>
 </tr>
</table>
</form>
</center>
</body>
</html>

庫.txt:這個就是SQL的數(shù)據(jù)庫文件了，將這個文件導(dǎo)入到mysql數(shù)據(jù)庫中即可。

DROP DATABASE IF EXISTS `xin`;
CREATE DATABASE `xin` /*!40100 DEFAULT CHARACTER SET utf8 */;
USE `xin`;


CREATE TABLE `message` (
 `id` int(11) NOT NULL auto_increment,
 `username` varchar(20) default NULL,
 PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8;

將這幾個文件保存在可以運(yùn)行PHP文件的根目錄即可，測試網(wǎng)址為 localhost/index.html，下面是打包下載的整套文件，試著修改為自己需求的注冊模塊，比如加上密碼，姓名之類的。

關(guān)于如何在php中利用ajax實現(xiàn)一個注冊驗證功能就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手