php+ajax登録リアルタイム検証機能-PHP开发-php.cn

ホームページ

php教程

PHP开发

php+ajax登録リアルタイム検証機能

高洛峰

Dec 23, 2016 pm 05:35 PM

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;
}

conn.php: これは Web サイトの設定ファイルです。ローカルの 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 &#39;utf8&#39;");
  
 $sql = "SELECT username FROM message WHERE username = &#39;$q&#39;";
 $query = mysql_query($sql);
 @$row = mysql_fetch_array($query);
  
 if(!empty($row[&#39;username&#39;]))
 {
 $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 は localhost/index.html です。以下は、必要な登録モジュールに変更してみてください。パスワードや名前などの追加など。

以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。また、皆さんも PHP 中国語 Web サイトをサポートしていただければ幸いです。

php+ajax 登録リアルタイム検証機能に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポートライブラリとヘッダーファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SecLists

SecLists は、セキュリティテスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティテスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティテストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジングペイロード、機密データパターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテストマシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。