アヤックスとは何ですか?動作原理は？ Ajax を使用して GET リクエストを完了する方法-PHPの問題-php.cn

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

慕斯

リリース： 2023-03-10 14:20:01

オリジナル

1914 人が閲覧しました

前回の記事「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 リクエストを完了する方法

推奨学習: 「

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

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

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

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