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

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

前回の記事「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 つはパスワードで、送信ボタン

<!DOCTYPE html>
<htmL>
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>
<body>
       <div align=" cent&#39;>
<h3>用户登录</h3>
<form action="check.php" method="get">
<p>帐号: <input type="text" name="name" id="name"></p>
<p>密码: <input type=" password" name=" password" id=" password"></p>
<p><input type=" submit" id=" submit" value=" 提交"></p>
</form>
</div>
</body>
</html>
ログイン後にコピー
# を追加します。 ##コードの結果は次のとおりです;

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

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

<script>
Var submit = document . getElementByIdC&#39; submit&#39;); //获取提交按钮
submit. onclick = function  {
}
</script>
ログイン後にコピー

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

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

<?php
echo &#39;<pre class="brush:php;toolbar:false">&#39;;
print_r($_GET);
ログイン後にコピー

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

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

推奨学習: 「

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

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

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