アヤックスとは何ですか?動作原理は？ Ajax を使用して GET リクエストを完了する方法
- 慕斯オリジナル
- 2021-06-10 17:53:021952ブラウズ
前回の記事「PHPを使ってユーザーアバターアップロード機能を実装するには？」をご紹介しました。 (詳細紹介)」に引き続き、この記事では Ajax とは何かについてご紹介していきます。動作原理は？ 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'>
<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># を追加します。 ##コードの結果は次のとおりです;
<script>
Var submit = document . getElementByIdC' submit'); //获取提交按钮
submit. onclick = function {
}
</script>次に、PHP ファイル (check.php) を作成します。このファイルでは、フォームから送信されたデータを受け入れ、get モードで送信します。送信されたターゲット スクリプトは (check.php) ) コードは次のとおりです: <?php echo '<pre class="brush:php;toolbar:false">'; print_r($_GET);
以上がアヤックスとは何ですか?動作原理は？ Ajax を使用して GET リクエストを完了する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。