From 28262bb3066cb4e8ecf4f1474707347d6e82541f Mon Sep 17 00:00:00 2001 From: Koutarou ISHIKAWA Date: Wed, 6 Nov 2024 16:45:27 +0900 Subject: [PATCH] =?UTF-8?q?issue=20#330=20javascript/ajax/index.md=20?= =?UTF-8?q?=E5=92=8C=E8=A8=B3=E3=81=AE=E8=A6=8B=E7=9B=B4=E3=81=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- javascript/ajax/index.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/javascript/ajax/index.md b/javascript/ajax/index.md index 29b14d6..1e05e69 100644 --- a/javascript/ajax/index.md +++ b/javascript/ajax/index.md @@ -8,7 +8,7 @@ -AJAX とは、Asynchronous JavaScript And XML の頭文字をとったものです。XML はデータ交換フォーマットであり、UX はユーザー・エクスペリエンスを意味するソフトウェア開発者の略語です。Ajax とは、インターネット通信技術のひとつで、ユーザーのブラウザに表示された Web ページがサーバーに特定の情報を要求し、ページ全体を再読み込みすることなく、同じページに新しい情報を表示することを可能にするものです。これによってユーザー体験がどのように向上するか、すでに想像がつくことでしょう。 +AJAX とは、Asynchronous JavaScript And XML の頭文字をとったものです。XML はデータ交換フォーマットであり、UX はユーザー・エクスペリエンスを意味するソフトウェア開発者の略語です。Ajax とは、インターネット通信技術のひとつで、ユーザーのブラウザーに表示された Web ページがサーバーに特定の情報を要求し、ページ全体を再読み込みすることなく、同じページに新しい情報を表示することを可能にするものです。これによってユーザー体験がどのように向上するか、すでに想像がつくことでしょう。 -AJAX の動作を確認するには、WordPress の管理エリアに行き、カテゴリーやタグを追加します。新規追加ボタンをクリックすると、ページが変わりますが、実際にはリロードされないことに注意してください。納得いかないですか ? ブラウザの履歴を確認すると、ページがリロードされた際、そのページに対して2つのエントリーが表示されているはずです。 +AJAX の動作を確認するには、WordPress の管理エリアに行き、カテゴリーやタグを追加します。新規追加ボタンをクリックすると、ページが変わりますが、実際にはリロードされないことに注意してください。納得いかないですか ? ブラウザーの履歴を確認すると、ページがリロードされた際、そのページに対して2つのエントリーが表示されているはずです。 -ここで、[jQuery の記事のスニペット](https://developer.wordpress.org/plugins/javascript/jquery/#selector-and-event)にある「do stuff」部分を定義します。ここでは、[`$.post()`](https://api.jquery.com/jQuery.post/ "jQuery リファレンス") メソッドを使用し、そのパラメータは、POST リクエストを送信する URL、送信するデータ、そしてサーバーのレスポンスを処理するコールバック関数、の3つになります。でも、その前に、ちょっとした下準備があります。後でコールバック関数で使うために、次のように割り当てします。目的は[コールバックのセクション](https://developer.wordpress.org/plugins/javascript/ajax/#callback "Page section")で詳しく説明します。 +ここで、[jQuery の記事のスニペット](https://developer.wordpress.org/plugins/javascript/jquery/#selector-and-event)にある「do stuff」部分を定義します。ここでは、[`$.post()`](https://api.jquery.com/jQuery.post/ "jQuery リファレンス") メソッドを使用し、そのパラメータは、POST リクエストを送信する URL、送信するデータ、そしてサーバーのレスポンスを処理するコールバック関数、の3つになります。でも、その前に、ちょっとした下準備があります。後でコールバック関数で使うために、次のように割り当てします。目的は[コールバックのセクション](https://developer.wordpress.org/plugins/javascript/ajax/#callback "コールバック")で詳しく説明します。 ### URL @@ -208,14 +208,14 @@ The server response can take on any form. Significant quantities of data should -XML は、AJAX のための古いデータ交換フォーマットです。つまり、AJAX の「X」です。PHP のネイティブ関数で使うのは難しいかもしれませんが、JSON は今でも有効な交換フォーマットです。そのため、多くの PHP プログラマーは JSON 交換フォーマットを好んでいます。XML を使用する場合、パース方法は使用するブラウザに依存します。Internet Explorer には Microsoft.XMLDOM ActiveX を使い、それ以外には DOMParser を使います。5.8リリース以降、[Internet Explorer は WordPress ではサポートされなくなった](https://make.wordpress.org/core/2021/04/22/ie-11-support-phase-out-plan/)ことに注意してください。 +XML は、AJAX のための古いデータ交換フォーマットです。つまり、AJAX の「X」です。PHP のネイティブ関数で使うのは難しいかもしれませんが、JSON は今でも有効な交換フォーマットです。そのため、多くの PHP プログラマーは JSON 交換フォーマットを好んでいます。XML を使用する場合、パース方法は使用するブラウザーに依存します。Internet Explorer には Microsoft.XMLDOM ActiveX を使い、それ以外には DOMParser を使います。5.8リリース以降、[Internet Explorer は WordPress ではサポートされなくなった](https://make.wordpress.org/core/2021/04/22/ie-11-support-phase-out-plan/)ことに注意してください。 #### JSON -JSON は軽量で使いやすいため、よく好まれています。`eval()` を使って JSON をパースもできるが、それはやめておきましょう ! `eval()` の使用は重大なセキュリティリスクを伴います。代わりに、より高速な専用のパーサーを使用します。パーサーオブジェクトのグローバルインスタンス `JSON` を使用します。JSON オブジェクトを確実に利用できるようにするには、ページ上の他のスクリプトと一緒にエンキューされていることを確認してください。エンキューに関する詳細は、[PHP のセクション](https://developer.wordpress.org/plugins/javascript/ajax/#json "ページセクション")の後半に記載されています。 +JSON は軽量で使いやすいため、よく好まれています。`eval()` を使って JSON をパースもできるが、それはやめておきましょう ! `eval()` の使用は重大なセキュリティリスクを伴います。代わりに、より高速な専用のパーサーを使用します。パーサーオブジェクトのグローバルインスタンス `JSON` を使用します。JSON オブジェクトを確実に利用できるようにするには、ページ上の他のスクリプトと一緒にエンキューされていることを確認してください。エンキューに関する詳細は、[JSON のセクション](https://developer.wordpress.org/plugins/javascript/ajax/#json "JSON")の後半に記載されています。 -$.post() 関数の最後のパラメータにコールバックを追加して、jQuery Ajax スクリプトのサンプルは完成です。すべてのピースをまとめると、このようになります: +`$.post()` 関数の最後のパラメータにコールバックを追加して、jQuery Ajax スクリプトのサンプルは完成です。すべてのピースをまとめると、このようになります: ``` jQuery(document).ready(function($) { //wrapper