前回の記事「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 id="用户登录">用户登录</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 サイトの他の関連記事を参照してください。
酸とベースデータベース：違いとそれぞれを使用するタイミング。Mar 26, 2025 pm 04:19 PMこの記事では、酸とベースのデータベースモデルを比較し、その特性と適切なユースケースを詳述しています。酸は、財務およびeコマースアプリケーションに適したデータの整合性と一貫性を優先し、ベースは可用性に焦点を当て、
PHPセキュアファイルアップロード：ファイル関連の脆弱性の防止。Mar 26, 2025 pm 04:18 PMこの記事では、コードインジェクションのような脆弱性を防ぐために、PHPファイルのアップロードを確保することについて説明します。ファイルタイプの検証、セキュアストレージ、およびアプリケーションセキュリティを強化するエラー処理に焦点を当てています。
PHP入力検証：ベストプラクティス。Mar 26, 2025 pm 04:17 PM記事では、組み込み関数、ホワイトリストアプローチ、サーバー側の検証などの手法に焦点を当てたセキュリティを強化するためのPHP入力検証のベストプラクティスについて説明します。
PHP APIレート制限：実装戦略。Mar 26, 2025 pm 04:16 PMこの記事では、Token BucketやLeaky BucketなどのアルゴリズムやSymfony/Rate-Limiterなどのライブラリを使用するなど、PHPでAPIレート制限を実装するための戦略について説明します。また、監視、動的に調整されたレートの制限、および手をカバーします
PHPパスワードハッシュ：password_hashおよびpassword_verify。Mar 26, 2025 pm 04:15 PMこの記事では、パスワードを保護するためにPHPでpassword_hashとpassword_verifyを使用することの利点について説明します。主な議論は、これらの関数が自動塩の生成、強力なハッシュアルゴリズム、およびSecurを通じてパスワード保護を強化するということです
OWASPトップ10 PHP：共通の脆弱性を説明し、軽減します。Mar 26, 2025 pm 04:13 PMこの記事では、PHPおよび緩和戦略におけるOWASPトップ10の脆弱性について説明します。重要な問題には、PHPアプリケーションを監視および保護するための推奨ツールを備えたインジェクション、認証の壊れ、XSSが含まれます。
PHP XSS予防：XSSから保護する方法。Mar 26, 2025 pm 04:12 PMこの記事では、PHPでのXSS攻撃を防ぐための戦略について説明し、入力の消毒、出力エンコード、セキュリティを向上させるライブラリとフレームワークの使用に焦点を当てています。
PHPインターフェイスvs抽象クラス：それぞれを使用する時期。Mar 26, 2025 pm 04:11 PMこの記事では、PHPでのインターフェイスと抽象クラスの使用について説明し、それぞれをいつ使用するかに焦点を当てています。インターフェイスは、無関係なクラスや複数の継承に適した、実装なしで契約を定義します。抽象クラスは共通の機能を提供します
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン
SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。
VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター
Dreamweaver Mac版
ビジュアル Web 開発ツール
AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター
