aboutsummaryrefslogtreecommitdiff
path: root/files/es/orphaned/web/api/body/json/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/es/orphaned/web/api/body/json/index.html')
-rw-r--r--files/es/orphaned/web/api/body/json/index.html83
1 files changed, 0 insertions, 83 deletions
diff --git a/files/es/orphaned/web/api/body/json/index.html b/files/es/orphaned/web/api/body/json/index.html
deleted file mode 100644
index 35f7811df3..0000000000
--- a/files/es/orphaned/web/api/body/json/index.html
+++ /dev/null
@@ -1,83 +0,0 @@
----
-title: Body.json()
-slug: orphaned/Web/API/Body/json
-translation_of: Web/API/Body/json
-original_slug: Web/API/Body/json
----
-<div>{{APIRef("Fetch API")}}</div>
-
-<p>El método <strong><code>json()</code></strong> de {{DOMxRef("Body")}} recibe un flujo de datos {{DOMxRef("Response")}} y lo lee a término. Devuelve una promesa con el cuerpo del texto transformado a {{JSxRef("JSON")}}.</p>
-
-<h2 id="Sintáxis">Sintáxis</h2>
-
-<pre class="syntaxbox"><em>response</em>.json().then(<em>data</em> =&gt; {
- // do something with your data
-});</pre>
-
-<h3 id="Parámetros">Parámetros</h3>
-
-<p>No.</p>
-
-<h3 id="Valor_devuelto">Valor devuelto</h3>
-
-<p>Una {{jsxref("Promise")}} que se resuelve a un objeto JavaScript. Este objeto puede ser cualquier cosa que pueda ser representada por JSON (un objeto, un array, una cadena de caracteres, un número...).</p>
-
-<h2 id="Example">Example</h2>
-
-<p>In our <a href="https://github.com/mdn/fetch-examples/tree/master/fetch-json">fetch json example</a> (run <a href="http://mdn.github.io/fetch-examples/fetch-json/">fetch json live</a>), we create a new request using the {{DOMxRef("Request.Request", "Request()")}} constructor, then use it to fetch a <code>.json</code> file. When the fetch is successful, we read and parse the data using <code>json()</code>, then read values out of the resulting objects as you'd expect and insert them into list items to display our product data.</p>
-
-<pre class="brush: js highlight[5]">const myList = document.querySelector('ul');
-const myRequest = new Request('products.json');
-
-fetch(myRequest)
- .then(response =&gt; response.json())
- .then(data =&gt; {
- for (const product of data.products) {
- let listItem = document.createElement('li');
- listItem.appendChild(
- document.createElement('strong')
- ).textContent = product.Name;
- listItem.append(
- ` can be found in ${
- product.Location
- }. Cost: `
- );
- listItem.appendChild(
- document.createElement('strong')
- ).textContent = `£${product.Price}`;
- myList.appendChild(listItem);
- }
- });</pre>
-
-<h2 id="Specifications">Specifications</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName("Fetch", "#dom-body-json", "Body.json()")}}</td>
- <td>{{Spec2("Fetch")}}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Browser_compatibility">Browser compatibility</h2>
-
-
-
-<p>{{Compat("api.Body.json")}}</p>
-
-<h2 id="See_also">See also</h2>
-
-<ul>
- <li><a href="/en-US/docs/Web/API/ServiceWorker_API">ServiceWorker API</a></li>
- <li><a href="/en-US/docs/Web/HTTP/CORS">Cross-Origin Resource Sharing (CORS)</a></li>
- <li><a href="/en-US/docs/Web/HTTP">HTTP</a></li>
-</ul>