ウェブサイトに登録するとき、ユーザー名を入力するときに、最初に非更新認証を実行する必要があります。この記事では主にphp+ajax登録のリアルタイム認証機能を詳しく紹介しますので、興味のある方は参考にしてください。 ajax リアルタイム検証テクノロジーは非常に成熟しており、登録検証テンプレートがある場合は、タイムリーに実行できないユーザー登録エクスペリエンスに比べて優れています。バックグラウンド非更新ドッキングの検証モードでは、更新に戻る必要があり、ユーザー エクスペリエンスにとって非常に不親切です。
ajax モードは、フロントエンドの非リフレッシュ検証として、
asp+ajax、php+ajax、.net などのすべてのバックエンド言語と組み合わせて使用できます。 +ajaxとその他の組み合わせは主に以下のとおりです。 ここで説明するのはphp+ajaxの登録検証です。 次の検証は完全な例です。Web サイトに登録するときに、ユーザー名を入力するときに、最初にバックグラウンド データベースに同じ名前のデータがあるかどうかを検証する必要があります。存在する場合、ユーザー名が使用されているというプロンプトは表示されません。合計 4 つのファイルがここに含まれます。
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; }
これはウェブサイトの設定ファイルです。ローカルの 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; } ?>
これは、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>
これは 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 ファイルを実行できるルート ディレクトリに保存します。テスト URL は、パッケージ内でダウンロードされたファイルの完全なセットです。パスワードや名前の追加など、必要なモジュールを登録します。
要約: 上記がこの記事の全内容です。皆様の学習に役立つことを願っています。
関連する推奨事項:
php正規表現を使用して文字列内のURLを取得する方法の詳細な説明
php さまざまな国の言語のpreg_matchマッチング例の詳細な説明
以上がphp+ajaxを利用したリアルタイム登録確認機能の実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。