ホームページ > php教程 > PHP开发 > PHP+Ajaxで検証コードのリアルタイム検証を実現

PHP+Ajaxで検証コードのリアルタイム検証を実現

高洛峰
リリース: 2016-12-23 17:33:00
オリジナル
1090 人が閲覧しました

PHP の画像処理機能は強力で、検証コードの画像を作成するのは非常に簡単ですが、リアルタイム検証を実装する際に問題が発生しました。
nat123 を使用してコンピューター上の Web サイトをポート マップしました。外部からアクセスする場合、当初は Cookie を使用して JS を使用して検証コードを検証していましたが、調べたところ、nat123 ではカスタマイズされた URL を介して Web サイトにアクセスできるにもかかわらず、検証コードを生成する PHP ファイルの場所が制限されていることがわかりました。ネットワーク上では他のページと同じドメインではないことが分かりました。問い合わせてみたところ、出力画像のせいでキャッシュファイルとして特定のフォルダにマッピングされていることが分かりました。私の URL で、検証コードを生成するページは別の URL の下にあり、パスとドメインをどのように設定しても機能しないため、セッションを使用して検証を保存する必要がありました。セッションはサーバー上に存在するため、つまりローカル URL でアクセスできるためです。
次のステップがメインイベントです。私はこれまで ajax について大まかに理解しただけで、その用途と特徴はまだ知っていますが、バックグラウンドからデータを取得するという比較的一般的な概念をどのように使用し始めるかがわかりません。 。
まず、バックグラウンドでテキスト ファイルの内容を取得するために使用される質問例のコードを分析しました。

function getHTTPObject(){
  if(typedef XMLHttpRequest == "undefined")
    XMLHttpRequest = function(){
      try{ return new ActiveXObject("Msxml2.XMLHTTP.6.0");}
      catch(e){}
      try{ return new ActiveXObject("Msxml2.XMLHTTP.3.0");}
      catch(e){}
      try{ return new ActiveXObject("Msxml2.XMLHTTP");}
      catch(e){}
      return false;
    }
    return new XMLHttpRequest();
}
function getNewContent(){
  var request = getHTTPObject();
  if(request){
    request.open("GET","TEST.txt",true);
    request.onreadystateschange = function(){
      alert(request.responseText);
    }
  }else{
  alert("no support XMLHttpRequest!");
  }
}
ログイン後にコピー

重要な点は次のとおりです:

request.open("GET","TEST.txt",true);
  request.onreadystateschange =function(){
    alert(request.responseText);
  }
ログイン後にコピー

これら 3 つの文は、GET リクエストの送信先のページを指定します。処理関数は、request.responseText を通じて取得されるときにトリガーされます。

------------------------------------------------ --------------------------------

しかし、私が取得したいデータは、バックグラウンドのphpによって生成された検証コードですファイルをバックグラウンドで送信するにはどうすればよいですか?
GET メソッドでも POST メソッドでも、データはバックグラウンドに送信されます。Ajax はバックグラウンドからデータをどこに取得しますか?
困惑したので、別の情報を確認して例を見つけました:
XMLHttpRequest オブジェクトによって返される応答の処理ステートメントは次のとおりです:

request.onreadystateschange=alertContent;
function alertContent(){
...
  alert(request.responseText);
...
}
ログイン後にコピー

要求されたファイルは check.php です
その中にはいくつかの文があります 条件付き出力:

if($info){
  echo "你的用户名可以使用";
}else {
  echo "该用户名已被注册";
}
ログイン後にコピー

実行中のサンプルのレンダリングでは、静的ページにメッセージ ボックスがポップアップし、check.php ページの出力などのコンテンツが表示されます。 ! !
つまり、ajax は php ページの出力コンテンツをリクエストできるため、次のステップははるかに簡単です。画像は検証コード ページの出力でもあるため、検証コード ページを直接 ajax することはできません。写真のデータも取得します。
新しい php ページを作成します:

sission_start();
$code="";
if(!empty($_session['check']))$code=$_session['check'];
echo $code;
ログイン後にコピー

次に、ajax を使用してフロントエンドでこのページへの GET リクエストを作成し、request.responseText を使用して検証コードを取得できます。
次に、リアルタイムで検証するために、特定の条件によってトリガーされる関数に検証プロセスをカプセル化します。

以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。また、皆さんも PHP 中国語 Web サイトをサポートしていただければ幸いです。

検証コードのリアルタイム検証を実装する PHP+Ajax に関連するその他の記事については、PHP 中国語 Web サイトに注目してください。

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