jquery ajaxは、ユーザーが登録するときにユーザー名が存在するかどうかを検出します_jquery

まず、成績を追加するページが必要です。これは、一時的に Grade.htm という名前になります。
このファイルには、jquery.js (jquery フレームワーク ファイル) と Grade.js (検証用の別ファイル) の 2 つのファイルを導入する必要があります。
以下の入力はユーザー名の入力に使用され、id="gradeInfo" はプロンプト情報の表示に使用されます。
grade.htm

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

*
< ;/span>

ユーザーが情報を入力した後、検証リンクを入力して、検証 Grade.js がどのように記述されているかを確認します。
grade.js

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

/**
* ユーザー名が繰り返されているかどうかを確認するための js
*
* @name Grade.js
* @author jason
* @use を確認します。ユーザー名が重複していないかどうか Exist
* @todo
*/
$(document).ready(function(){
checkconfirm();
});
//ユーザー名が存在するかどうかを確認します
function checkconfirm(){
$("#NAME").blur(function(){
var グレード名 = $(this).val();
var changeUrl = "GradeAdmin.php?action=check&gradename= グレード名;
$.get(changeUrl,function(str){
if(str == '1'){
$("#gradeInfo").html("}else{
$("#gradeInfo").html("");
return false;
})
}


上記の js ファイルの重要なポイントのみを説明します。

1. $("#NAME").blur の意味は、grade.htm の NAME の ID を持つフォームが入力された後にアクションをトリガーすることです。
2. $(this).val() の意味は、ID NAME を持つフォーム内の値を取得することです。
3. $.get(changeUrl, function(str) の意味は次のとおりです。ajax の実行後、changeUrl は接続するプログラムのアドレス、str はプログラムの
計算後に得られる表示構造です。
4. $("#gradeInfo").html の意味は、id が GradeInfo のタグの HTML ファイルを記述することです。id が GradeInfo のタグは、< の Grade.htm にある ID のタグを参照します。 🎜> と表示される内容が表示されます。
GradeAdmin.php
Copy code




Copy code

コードは次のとおりです。 if($frm_action == 'check') {

$gradeName = $_GET['gradename']; > $gradeAdminObj = new Services_GradeAdmin($db);

//入力されたユーザー名が $gradeName に基づいてデータベースに存在するかどうかを判断します。存在する場合は 1 を返します。
が存在しない場合は 0 を返します。この戻り値は、grade.js に渡されます。
$gradeAdminObj->getGradeByName($gradeName); 🎜>}else{
echo '0';
}
exit();
}


これは、次の場合にユーザー名が既に存在するかどうかを判断する問題です。ユーザーが登録する