diff options
| -rw-r--r-- | files/ja/web/api/xmlhttprequest/response/index.md | 83 |
1 files changed, 30 insertions, 53 deletions
diff --git a/files/ja/web/api/xmlhttprequest/response/index.md b/files/ja/web/api/xmlhttprequest/response/index.md index 76e5e90fa3..f4cd6f354c 100644 --- a/files/ja/web/api/xmlhttprequest/response/index.md +++ b/files/ja/web/api/xmlhttprequest/response/index.md @@ -4,48 +4,43 @@ slug: Web/API/XMLHttpRequest/response tags: - AJAX - API - - Content - - Fetching - - Fetching Data - - Loading Data - - Property - - Read-only + - コンテンツの読み取り + - データの読み取り + - データの読み込み + - プロパティ + - 読み取り専用 - Reading Data - - Reference + - リファレンス - Response - - Server + - サーバー - XMLHttpRequest translation_of: Web/API/XMLHttpRequest/response --- -<div>{{APIRef('XMLHttpRequest')}}</div> +{{APIRef('XMLHttpRequest')}} -<p><span class="seoSummary">{{domxref("XMLHttpRequest")}} <code><strong>response</strong></code> プロパティは、そのリクエストの{{domxref("responseType")}}によって、{{domxref("ArrayBuffer")}}, {{domxref("Blob")}}, {{domxref("Document")}}, JavaScript {{jsxref("Object")}}, or {{domxref("DOMString")}}といったレスポンスのボディを返します。</span></p> +{{domxref("XMLHttpRequest")}} の **`response`** プロパティは、そのリクエストの本文の内容を、 {{jsxref("ArrayBuffer")}}, {{domxref("Blob")}}, {{domxref("Document")}}, JavaScript の {{jsxref("Object")}}, {{domxref("DOMString")}} など、リクエストの {{domxref("XMLHttpRequest.responseType", "responseType")}} プロパティの値に応じた形で返します。 -<h2 id="構文">構文</h2> +## 構文 -<pre class="syntaxbox">var <em>body</em> = <em>XMLHttpRequest</em>.response; -</pre> +```js +var body = XMLHttpRequest.response; +``` -<h3 id="値">値</h3> +### 値 -<p>{{domxref("XMLHttpRequest.responseType", "responseType")}}の値に基づく適切なオブジェクト。 {{domxref("XMLHttpRequest.open", "open()")}}を呼び出してリクエストを初期化した後や、{{domxref("XMLHttpRequest.send", "send()")}}を呼び出してリクエストをサーバーに送信する前に、<code>responseType</code>の値を設定することで、特定の形式でデータを提供するようにリクエストができます。</p> +{{domxref("XMLHttpRequest.responseType", "responseType")}} の値に基づく適切なオブジェクト。 {{domxref("XMLHttpRequest.open", "open()")}} を呼び出してリクエストを初期化した後や、 {{domxref("XMLHttpRequest.send", "send()")}} を呼び出してリクエストをサーバーに送信する前に、 `responseType` の値を設定することで、特定の形式でデータを提供するようにリクエストができます。 -<p>リクエストが未完了または失敗する場合、値は<code>null</code>です。ただし、<code>"text"</code>や空の文字列である(<code>""</code>)を使用してテキストデータを読み込む場合は除きます。リクエストがまだ<code>LOADING</code> {{domxref("XMLHttpRequest.readyState", "readyState")}} (3)にある間、レスポンスはこれまでのレスポンスを含むことがあります。</p> +リクエストが未完了または失敗する場合、値は `null` です。ただし、 `"text"` や空の文字列 (`""`) を使用してテキストデータを読み込む場合は除きます。リクエストがまだ `LOADING` {{domxref("XMLHttpRequest.readyState", "readyState")}} (3) にある間、レスポンスはこれまでのレスポンスを含むことがあります。 -<p>レスポンスタイプは以下のとおりです。</p> +## 例 -<p>{{page("/en-US/docs/Web/API/XMLHttpRequestResponseType", "Values")}}</p> +この例で紹介している `load()` 関数は、サーバーからページを読み込み処理するものです。これは、 {{domxref("XMLHttpRequest")}} オブジェクトを作成し、 {{domxref("XMLHttpRequest/readystatechange_event", "readystatechange")}} イベントのリスナーを生成して、その中で `readyState` イベントが `DONE` (4) に変わると `response` が取得し、 `load()` に渡されたコールバック関数に渡しています。 -<dl> -</dl> +コンテンツは生のテキストデータとして扱われます（ここでは、既定の +{{domxref("XMLHttpRequest.responseType", "responseType")}} を上書きするものがないため）。 -<h2 id="例">例</h2> - -<p>下記に、サーバーからページをロードして処理する関数<code>load()</code>を例として提示します。仕組みとしては、XMLHttpRequestオブジェクトを作成し、{{event("readystatechange")}}イベントのリスナー（<code>readyState</code>イベントが<code>DONE</code> （4）に変わると<code>response</code>が取得され、それを<code>load()</code>のコールバック関数に渡すといった）を作成しています。</p> - -<p>コンテンツは生のテキストデータとして処理されます（デフォルトの{{domxref("XMLHttpRequest.responseType", "responseType")}}を上書きするものは何もないため）。</p> - -<pre class="brush: js">var url = 'somePage.html'; //A local page +```js +var url = 'somePage.html'; //A local page function load(url, callback) { var xhr = new XMLHttpRequest(); @@ -59,35 +54,17 @@ function load(url, callback) { xhr.open('GET', url, true); xhr.send(''); } +``` -</pre> - -<h2 id="仕様書">仕様書</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">仕様書</th> - <th scope="col">状態</th> - <th scope="col">備考</th> - </tr> - <tr> - <td>{{SpecName('XMLHttpRequest', '#the-response-attribute')}}</td> - <td>{{Spec2('XMLHttpRequest')}}</td> - <td>WHATWG living standard</td> - </tr> - </tbody> -</table> - -<h2 id="ブラウザの対応">ブラウザの対応</h2> +## 仕様書 +{{Specifications}} +## ブラウザーの互換性 -<p>{{Compat("api.XMLHttpRequest.response")}}</p> +{{Compat}} -<h2 id="関連">関連</h2> +## 関連情報 -<ul> - <li><a href="/ja/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest">Using XMLHttpRequest</a></li> - <li>Getting text and HTML/XML data: {{domxref("XMLHttpRequest.responseText")}} and {{domxref("XMLHttpRequest.responseXML")}}</li> -</ul> +- [XMLHttpRequest の使用](/ja/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest) +- テキストと HTML/XML データの取得: {{domxref("XMLHttpRequest.responseText")}} および {{domxref("XMLHttpRequest.responseXML")}} |