aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/api/body/text/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/ja/web/api/body/text/index.html')
-rw-r--r--files/ja/web/api/body/text/index.html88
1 files changed, 0 insertions, 88 deletions
diff --git a/files/ja/web/api/body/text/index.html b/files/ja/web/api/body/text/index.html
deleted file mode 100644
index d39fb14d9c..0000000000
--- a/files/ja/web/api/body/text/index.html
+++ /dev/null
@@ -1,88 +0,0 @@
----
-title: Body.text()
-slug: Web/API/Body/text
-tags:
- - API
- - BODY
- - Experimental
- - Fetch
- - Method
- - Reference
- - Text
-translation_of: Web/API/Body/text
----
-<div>{{APIRef("Fetch")}}</div>
-
-<p>{{domxref("Body")}} ミックスインの <strong><code>text()</code></strong> メソッドは、{{domxref("Response")}} ストリームを取得し、完全に読み込みます。 {{domxref("USVString")}} オブジェクト(テキスト)で解決する promise を返します。 レスポンスは<em>常に</em> UTF-8 としてデコードします。</p>
-
-<h2 id="Syntax" name="Syntax">構文</h2>
-
-<pre class="syntaxbox"><em>response</em>.text().then(function (<em>text</em>) {
- // text レスポンスを使用して何か実行する。
-});</pre>
-
-<h3 id="Parameters" name="Parameters">パラメーター</h3>
-
-<p>なし。</p>
-
-<h3 id="Return_value" name="Return_value">戻り値</h3>
-
-<p>{{domxref("USVString")}} で解決する promise。</p>
-
-<h2 id="Example" name="Example">例</h2>
-
-<p><a href="https://github.com/mdn/fetch-examples/tree/master/fetch-text">fetch text の例</a>(<a href="http://mdn.github.io/fetch-examples/fetch-text/">fetch text をライブで</a>実行)には、{{htmlelement("article")}} 要素と 3 つのリンク(<code>myLinks</code> 配列に格納されています)があります。 最初に、リンクのすべてをループし、それぞれのリンクに、その 1 つをクリックしたとき、リンクの <code>data-page</code> 識別子を引数として渡して <code>getData()</code> 関数が実行されるように、<code>onclick</code> イベントハンドラーを設定します。</p>
-
-<p><code>getData()</code> が実行されると、{{domxref("Request.Request","Request()")}} コンストラクターを使用して新しいリクエストを作成し、それを使用して特定の <code>.txt</code> ファイルをフェッチします。 フェッチが成功したら、<code>text()</code> を使用してレスポンスから {{jsxref("USVString")}}(テキスト)オブジェクトを読み取り、{{htmlelement("article")}} 要素の {{domxref("Element.innerHTML","innerHTML")}} にテキストオブジェクトの値を設定します。</p>
-
-<pre class="brush: js">var myArticle = document.querySelector('article');
-var myLinks = document.querySelectorAll('ul a');
-
-for(i = 0; i &lt;= myLinks.length-1; i++) {
- myLinks[i].onclick = function(e) {
- e.preventDefault();
- var linkData = e.target.getAttribute('data-page');
- getData(linkData);
- }
-};
-
-function getData(pageId) {
- console.log(pageId);
- var myRequest = new Request(pageId + '.txt');
- fetch(myRequest).then(function(response) {
- return response.text().then(function(text) {
- myArticle.innerHTML = text;
- });
- });
-}</pre>
-
-<h2 id="Specifications" name="Specifications">仕様</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">仕様</th>
- <th scope="col">状態</th>
- <th scope="col">コメント</th>
- </tr>
- <tr>
- <td>{{SpecName('Fetch','#dom-body-text','text()')}}</td>
- <td>{{Spec2('Fetch')}}</td>
- <td></td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>
-
-
-
-<p>{{Compat("api.Body.text")}}</p>
-
-<h2 id="See_also" name="See_also">関連情報</h2>
-
-<ul>
- <li><a href="/ja/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li>
- <li><a href="/ja/docs/Web/HTTP/CORS">HTTP アクセス制御(CORS)</a></li>
- <li><a href="/ja/docs/Web/HTTP">HTTP</a></li>
-</ul>