php+jquery+ajax でユーザー名検証を実装_PHP チュートリアル

今日偶然目にしたjqueryに初めて触れたので、初歩的な理解としてメモしておきます。 。 。

この検証の作成は、jquery について理解することから始めてください。 。 。

ほとんどの場合、jquery コードを記述するには、次の 3 つの関数のいずれかに jquery コードを配置する必要があります。

Window.onload に似た、同じ効果をもたらす記述方法が 3 つありますが、相違点もあります。つまり、window.onload はページが読み込まれるまで実行されないのに対し、$(document).ready( ) メソッドはすべてのタグがロードされるまで待機するだけであり、$(document).ready() は複数回呼び出すことができますが、window.onload は呼び出すことができず、後者の呼び出しによって上書きされます。 。 。

最初のもの: $(document).ready(function(){....});

2 番目のタイプ: $().ready(function(){......});

3 番目のタイプ: $(function(){......});

注: jQuery の $(document).ready() メソッドを通じて登録されたイベント ハンドラーは、DOM の準備が完了している限り、たとえば、 タグが完了している限り呼び出すことができます。画像がロードされるまで待つ必要はありません。完了したら、画像の幅と高さの属性やスタイルなどを設定できます。

jquery で ajax がどのように動作するかを見てみましょう。

Ajax は get/post の 2 つの方法で値を渡します

【取得方法】

varchangeUrl = "CheckUser.php?uName="+name; //判定ページへジャンプします

;

$.get(changeUrl,function(result){ //ajax を実行し、URL ページを入力し、結果を返します

//結果を通じて値を返し、説明情報を出力します

www.2cto.com

【投稿方法】

var ユーザー名 = $(this).val();

varchangeUrl = "CheckUser.php";

$.post(changeUrl,{name:username},function(result){ ...}

CheckUser.phpのページに飛んだ後、get/postで受け取り、データベースから存在するかどうかを判断して値を返します。 。 。

HTML コード: ユーザー名:

jQueryコード: $("#userName").blur(function(){

var ユーザー名 = $(this).val();

varchangeUrl = "CheckUser.php" //判定ページにジャンプします
;

//以下は ajax を実行し、changeUrl ページに入り、名前を渡し、結果を返します

$.post(changeUrl ,{名前:ユーザー名},function(result){

if(結果 == '1'){

$("#Info").html("ユーザー名が存在します!");
}その他{
$("#Info").html("登録できます!");

} } })

CheckUser.php

if($_POST['name']){//post によって渡された値を受け取ります

$ユーザー名 = トリム($_POST['名前']);

// 判断するには、本来はデータベースから取得する必要がありましたが、私は怠け者だったのでテストしました。 。 。

if($ユーザー名 == "管理者"){

エコー「1」;
}その他{
エコー '0';
}}
?>

いつもはよく読むのですが、今回は事故だったので、事故が消えるのではないかと思い、何も考えずに書いてしまいました。 。ふふ。 。 。

この記事は「Heng」ブログからのものです