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

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

WBOY

リリース： 2016-05-16 18:42:44

オリジナル

1247 人が閲覧しました

まず、成績を追加するページが必要です。これは、一時的に 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(); 
} 

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