ホームページ > ウェブフロントエンド > jsチュートリアル > Ajax を使用して非同期ユーザー名検証を実装する方法

Ajax を使用して非同期ユーザー名検証を実装する方法

php中世界最好的语言
リリース: 2018-04-04 15:58:22
オリジナル
1506 人が閲覧しました

今回は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





Ajax登陆验证



使用Ajax实现异步登陆验证

账 号:

密 码:

ログイン後にコピー

login.php

<?php
  $con = mysqli_connect("localhost","root","GDHL007","sysu");
 
  if(!empty($_GET[&#39;account&#39;])){
    $sql1 = &#39;select * from login where account = "&#39;.$_GET[&#39;account&#39;].&#39;"&#39;;
    //数据库操作
    $result1 = mysqli_query($con,$sql1);
    if(mysqli_num_rows($result1)>0)
      echo '<font style="color:#00FF00;">该用户存在</font>';
    else 
      echo '<font style="color:#FF0000;">该用户不存在</font>';
    mysqli_close($con);
  }else
    echo '<font style="color:#FF0000;">用户名不能为空</font>';
 
?>
ログイン後にコピー

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、お支払いください。 php 中国語 Web サイトの他の関連記事にも注目してください。

推奨書籍:

Ajax に関するディスカッションと研究

AJAX が非同期リフレッシュと部分リフレッシュを実装する方法

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート