PHP+ajax登録リアルタイム検証機能サンプルコード
- 怪我咯オリジナル
- 2017-07-07 10:25:561035ブラウズ
Webサイトに登録するとき、ユーザー名を入力するときに、最初に非更新認証を実行する必要があります。この記事では主にphp+ajax登録のリアルタイム認証機能を詳しく紹介します。興味のある方は参考にしてください。リアルタイム検証テクノロジは非常に成熟しています。一部の標準化された Web サイトでは、登録検証テンプレートが存在する場合、これは、タイムリーで有効でないユーザー登録エクスペリエンスに比べて優れています。バックグラウンド非更新ドッキングの検証モードでは、更新に戻る必要があり、ユーザー エクスペリエンスにとって非常に不親切です。
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;
}
これは、Web サイトの設定ファイルです。ローカルの mysql ユーザー名とパスワードを設定するには、PHP とデータベース間の接続を設定する必要があります。PHP+ の記事を参照してください。さらに、PHP とデータベース間の接続を設定する必要があります。検証するドキュメントが複数ある場合は、ここで複数の承認と検証を実行できます。
<?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>
Library.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 ファイルを実行できるルート ディレクトリに保存します。テスト URL は、パッケージ化されダウンロードされたファイルの完全なセットです。必要な登録モジュールに変更してみてください。パスワードや名前などの追加など。
以上がPHP+ajax登録リアルタイム検証機能サンプルコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。