検索
ホームページphp教程php手册PHP Ajax 非同期通信は、ユーザー名と電子メールの検証を実装して、登録されているかどうかを確認します (実装方法は 2 つ)

はじめに
コードを直接説明するのは少々不親切なので、中国の伝統に従って段落で説明しましょう。 。 。 。 (私の言語能力には限界があるので、ご容赦ください)
関数
は、Web サイトにユーザーを登録する際に使用されます。主に、ユーザーが入力したユーザー名またはメールアドレスが更新せずに登録されてしまいました。
この関数は、ほとんどの Web サイトにあるので、ここ数日 jQuery について勉強しています。Ajax
はありません。関数を完了するまでのカウント 完璧ですが、通常の使用には十分なコード (より強力な関数は自分で見つけることができます)
ファイルの説明
reg.php //登録ページ用
check_user.php //ユーザー認証ページ用 (オプションの GET、POST メソッド)
jquery-1.7.1.js //jQuery ファイルのダウンロード アドレス: http://code.jquery.com/jquery-1.7.1。 js (右クリックして名前を付けて保存)
コードサンプル
reg.php 登録ページ (2 つのメソッドが含まれています。いずれかを選択してください)

コードをコピー コードは次のとおりです:






PHP Ajax 非同期通信の登録検証<br><script type="text; /javascript" src="jquery-1.7.1.js"></script> <!--jQuery ファイルを引用符で囲むことを忘れないでください。そうしないと実行されません--><br>< ;script type="text/javascript" > <br>$(function(){ <br>//メソッド 1 jQuery (シンプルで使いやすい、一般的なアプリケーションに推奨) <br>$("#user") .blur(function(){ //テキストボックスマウスフォーカス消失イベント<br>$.get("check_user.php?user=" $("#user").val(),null,function(data) //ここのgetメソッドは必要に応じてpostメソッドに変更可能です 調整、その他の使用方法はそのまま同様<br>{ <br>$("#chk").html(data); //要素にHTMLコードを追加ID chk<br>}); <br>} ) <br>//方法 2 aJax メソッド (より複雑。特別な必要がない場合は、方法 1 を使用することをお勧めします) <br>$("#user ").blur(function(){ <br>$.ajax({ <br>url:"check_user.php", //リクエスト検証ページ<br>type:"GET", //リクエストメソッドは変更可能投稿するには、検証ページの受信メソッドに注意してください。<br>data:"user=" $("#user ").val(), //前のユーザーのフォーマット キーに注意してください。 =value 他のメソッドについては、ajax マニュアルを参照してください。 <br>success: function(data) <br>{ //リクエストが成功した場合に操作を実行します <br>$("#chk").html(data); //ID chk <br>} <br>}) <br>}) <br> }) <br> <br>

ユーザー名: id="chk">



check_user.php通信ページのコードは次のとおりです:


コードをコピー

コードは次のとおりです: header ("Content-type:text/html;charset=gb2312");

//GETメソッドでデータを取得(非同期送信時の送信方法に依存)
if($_GET['user'])
{
$user=$_GET['user'];
//データベースのマッチングはここで行うことができますが、今回は省略され、直接判断されます
if($user==" admin")
echo "ユーザー名が登録されました! ";
else
echo "ユーザー名は";
}else{}
//POST メソッドを使用してデータを取得します (非同期送信時の送信方法に依存します)
if($_POST['user'])
{
$user=$_POST['user']
//ここでデータベースを使用できます一致、今回は省略して直接判定
if($user=="admin")
echo "ユーザー名が登録されました! ";
else
echo "ユーザー名は使用できます";
}else{}
?>


上記の 2 つのメソッドには、それぞれ post と get が含まれているため、通常のアプリケーションでは十分な 4 つのメソッドがあると言えます。
さらに、Ajax のその他のパラメーターについては、リクエストデータのタイプ、ajax 操作、およびその他のイベント。より複雑なので、最初の方法を使用することをお勧めします。



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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

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

ホットツール

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール