アヤックスとは何ですか?動作原理は? Ajax を使用して GET リクエストを完了する方法

慕斯
リリース: 2023-03-10 14:20:01
オリジナル
1796 人が閲覧しました

前回の記事「PHPを使ってユーザーアバターアップロード機能を実装するには?」をご紹介しました。 (詳細紹介)」に引き続き、この記事では Ajax とは何かについてご紹介していきます。動作原理は? Ajax を使用して GET リクエストを完了する方法 (コード付き) が一定の参考値になりますので、困っている友人は参考にしていただければ幸いです。

アヤックスとは何ですか?動作原理は? Ajax を使用して GET リクエストを完了する方法

Ajax とは何ですか?

スラング Ajax は、ブラウザーがユーザーにより自然なブラウジング エクスペリエンスを提供できるようにする一連のテクノロジーを表すために使用されます。 Ajax が登場する以前は、Web サイトはユーザーに送信/待機/再表示のパラダイムを強制し、ユーザーのアクションは常にサーバーの「思考時間」と同期していました。 Ajax はサーバーと非同期通信する機能を提供し、ユーザーを要求/応答サイクルから解放します。 Ajax を使用すると、JavaScript と DHTML を使用して、ユーザーがボタンをクリックしたときに UI を即座に更新し、更新を実行するかデータベースをクエリするためにサーバーに非同期リクエストを行うことができます。リクエストが返されたら、ページ全体を更新するのではなく、JavaScript と CSS を使用してそれに応じて UI を更新できます。何よりも、ユーザーはブラウザがサーバーと通信していることさえ知りません。Web サイトは即座に応答しているように見えます。

Ajax には次のものが含まれます:

* XHTML および CSS 標準に基づく表現;
* 動的な表示と対話にはドキュメント オブジェクト モデルを使用します;
* XMLHttpRequest を使用しますサーバーと非同期に通信します。
* JavaScript を使用してすべてをバインドします。

Ajax の仕組み:
Ajax の中核は、JavaScript オブジェクト XmlHttpRequest です。このオブジェクトは Internet Explorer 5 で初めて導入され、非同期要求をサポートするテクノロジです。つまり、XmlHttpRequest を使用すると、JavaScript を使用してサーバーにリクエストを送信し、ユーザーをブロックすることなく応答を処理できるようになります。

Ajax を使用して GET リクエストを完了するにはどうすればよいですか:

まず、Ajax オブジェクトを作成する必要があります。次に、Ajax オブジェクトのコールバックを作成する必要があります。 request イベント。この部分は主に 2 つで完了します。最初の部分はサーバーから応答データを取得することであり、2 番目の部分は現在のページで DOM 操作を実行することであり、これらの DOM 操作は追加、削除、変更、クエリにすぎません。 HTML での操作、3 番目の部分は Ajax の呼び出しです open メソッドは URL リクエストを作成し、最後にユーザーの URL リクエストがクライアントに送信されます get リクエストを完了する URL アドレスには 2 つの形式があります。スクリプトにはパラメータがありません (例: cheat.php)。したがって、このスクリプトにはクエリ パラメータは必要ありません。2 番目のスクリプトにはパラメータが必要です。現在のスクリプトに疑問符を挿入して文字列を入力するだけです。実際、実際の開発では、 JSON 形式のデータですが、データを取得します 本質的にはまだ文字列、正確に言うと JSON 形式の文字列です

最初に HTML ファイルを作成します ユーザーのログイン フォームを次のようにします例: 「login」という名前を付け、get メソッドを使用して送信します。フォームに 2 つのフィールドを作成し、1 つはアカウント番号、もう 1 つはパスワードで、送信ボタン




    
    用户登录

帐号:

密码:

ログイン後にコピー
# を追加します。 ##コードの結果は次のとおりです;

アヤックスとは何ですか?動作原理は? Ajax を使用して GET リクエストを完了する方法

次にスクリプトを作成しましょう。まず、送信ボタンを取得し、次に送信イベントを追加します。コードは次のとおりです。

ログイン後にコピー

次に、PHP ファイル (check.php) を作成します。このファイルでは、フォームから送信されたデータを受け入れ、get モードで送信します。送信されたターゲット スクリプトは (check.php) )

コードは次のとおりです:

';
print_r($_GET);
ログイン後にコピー

アヤックスとは何ですか?動作原理は? Ajax を使用して GET リクエストを完了する方法

アヤックスとは何ですか?動作原理は? Ajax を使用して GET リクエストを完了する方法

推奨学習: 「

PHP ビデオ チュートリアル##」 #"

以上がアヤックスとは何ですか?動作原理は? Ajax を使用して GET リクエストを完了する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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