<スクリプトタイプ= 「テキスト/ JavaScriptを」 > 関数CheckUserName(ユーザ名){ // AJAXリクエストを送信するには、ユーザ名が利用可能であることを確認 // AJAXリクエストを送信するためのコードと、4つのステップ4のステップが固定されて含む // トラブルに伝統的な要求よりいくつか // AJAXブラウザが内蔵されたオブジェクトのXMLHttpRequestオブジェクトへの要求のおかげ送信 // その後、新しいスレッドだけでブラウザを起動することができますのXMLHttpRequestオブジェクトブラウザを使用して、ブラウザがスレッドでリクエストを送信する // 非同期の効果を達成 //を1.作成AJAXコアオブジェクトのXMLHttpRequest「組み込みブラウザ、)直接使用することができ VaRのXHR; IF (window.XMLHttpRequest){ XHR = 新しい新規のXMLHttpRequest(); } 他{ XHR = 新しい新しい ActiveXObjectを(「Microsoft.XMLHTTP 」); } // 2 // コールバック関数が登録されている // ここで、プログラムの実行、後者は、コールバックを実行しない、コールバック関数のみXHRに登録されていますオブジェクト // 場合のreadyState XHRそのようなコールバック関数を実行続いてオブジェクトの変更、など // 0リクエストが初期化されていない(呼び出す前にオープン()) // 前に1つの要求(コール送信)がなされている() // 2リクエスト送付され(ここで、コンテンツは、一般的に、応答ヘッダから取得することができる) // 3要求処理(通常、いくつかのデータに応じて利用可能であるが、まだサーバの応答を完了していない) // 4の要求が完了した(応答サーバがそれにアクセスして使用することができます) xhr.onreadystatechangeの =関数(){ IF(xhr.readyState == 4){ // の終了に応じてサーバ // 必要と決意が発生する可能性があり404 500 IF(xhr.status == 200であるが){ //
//スパンを取得しますタグ VAR nameTipMsg =のdocument.getElementById(" nameTipMsg " ); //スパンにテキストを返す
nameTipMsg.innerText = xhr.responseText; // VAR S = xhr.responseText; } 他{ } } } // ボタンオブジェクトがボタンをマウスでクリックするコールバック関数実行するときにマウスクリックイベントが発生した場合、登録 // myBtn.onclick =関数(){} // 3 xhr.open(「GETを」、" checkusername.do?username= " +名、真の); // オープンのみチャネル要求が送信されない @ 4つの送信AJAXリクエスト xhr.send(); } </ SCRIPT> 名: <入力タイプ= " テキスト"名前= " ユーザ名"のonblur = "checkUsername(this.value)。"/>、ボイド <スパンのid = " nameTipMsg "スタイル= " フォントサイズ:12ピクセル; " > </ span>を<BR> 密码:の<input type = " パスワード"名前= " パスワード" > serlvet 3.0 @WebServlet(名前 = " CheckUsernameAction "、urlPatterns = " /checkusername.do " ) パブリック クラスCheckUsernameActionはHttpServletを拡張{ @Overrideは 保護 doGetメソッドを(HttpServletRequestのREQ、HttpServletResponseのRESP)はServletExceptionが、IOExceptionが{スロー resp.sendRedirect(" テキスト/ HTML;のcharset = UTF-8。" ); のPrintWriter OUT = resp.getWriter(); // ユーザ名取得 のString = req.getParameterユーザ名(" ユーザー名" ); //は、ユーザー名を認証するためにデータベースへの接続かどうかそこ のiF(" ADMIN " .equals(ユーザ名)){ // ユーザ名が利用できない OUTの .PRINT(" <フォント色= '赤'>ユーザー名が登録されている</フォント> " ); }そう{ OUT .PRINT(" <フォント色= 'グリーン>ユーザ名</フォント>登録することができる"); } // ブラウザへ応答情報 } }