您好,登錄后才能下訂單哦!
這篇文章給大家介紹如何在php中利用ajax實現一個注冊驗證功能,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
ajax.js:ajax技術的核心文件了,主要是驗證提示的時時顯示,這個文件通常不需要進行修改,只需要進行前端調用即可。
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是增加一個隨機數 防止頁面啟用緩存技術· 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:這是網站的配置文件,要配置好自己本地的mysql用戶名和密碼,需要配置PHP與數據庫的連接,可以參考PHP+MYSQL數據庫連接的文章,另外要處理接受過來的數據進行時實顯示,如果有多項要驗證的文件,在這里進行多項接受和驗證即可。
<?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>已經被注冊!</font>"; }else { $response = "<font color=blue>恭喜!可以注冊!</font>"; } echo $response; } ?>
index.html:這就是前端文件了,這個文件相對來說要更簡單一些,調用了ajax.js的處理文件,將要提交無刷新驗證的文件提交到conn.php和后臺進行連接。
<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的數據庫文件了,將這個文件導入到mysql數據庫中即可。
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;
將這幾個文件保存在可以運行PHP文件的根目錄即可,測試網址為 localhost/index.html,下面是打包下載的整套文件,試著修改為自己需求的注冊模塊,比如加上密碼,姓名之類的。
關于如何在php中利用ajax實現一個注冊驗證功能就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。