Ajax は非同期ユーザー名検証機能を実装します

ユーザーがアカウントを入力してパスワードボックスに切り替えると、ajax を使用してアカウントが利用可能かどうかを確認します。この記事では、主に Ajax の非同期ユーザー名検証機能を詳しく紹介します。ajax に興味のある友人は参考にしてください。まず、簡単なレイアウトを見てみましょう

ajax 関数。 :

ユーザーがアカウントを入力してパスワード ボックスに切り替えると、ajax を使用してアカウントが利用可能かどうかを確認します。検証方法は次のとおりです。最初に XMLHTTPRequest オブジェクトを作成し、次に検証が必要な情報 (ユーザー名) を検証のためにサーバーに送信し、最後にサーバーから返されたステータスに基づいてユーザー名が使用可能かどうかを判断します。

function checkAccount(){
var xmlhttp;
var name = document.getElementById("account").value;
if (window.XMLHttpRequest)
 xmlhttp=new XMLHttpRequest();
else
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 
xmlhttp.open("GET","login.php?account="+name,true);
xmlhttp.send();
 
xmlhttp.onreadystatechange=function(){
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
  document.getElementById("accountStatus").innerHTML=xmlhttp.responseText;
}

実行結果

コード実装

index.html

login.php

使用Ajax实现异步登陆验证

账 号：


密 码：

上記はこの記事の全内容です。みんなの勉強。

関連する推奨事項:

Ajaxネットワークリクエストのカプセル化例について

Ajaxロールバックとページ更新の問題の解決策

Ajaxリクエストとフィルター連携ケースの詳細な説明

以上がAjax は非同期ユーザー名検証機能を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。