Appearance
Response
El objeto Response
representa la respuesta a una petición HTTP. Este objeto tiene varios métodos que nos permiten obtener los datos de la respuesta.
Este objeto se crea automáticamente cuando hacemos una petición HTTP con fetch()
.
json()
El método json()
del objeto Response
nos permite obtener los datos de la respuesta en formato JSON.
js
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(data => console.log(data));
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(data => console.log(data));
text()
El método text()
del objeto Response
nos permite obtener los datos de la respuesta en formato texto.
js
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.text())
.then(data => console.log(data));
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.text())
.then(data => console.log(data));
blob()
El método blob()
del objeto Response
nos permite obtener los datos de la respuesta en formato binario.
js
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.blob())
.then(data => console.log(data));
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.blob())
.then(data => console.log(data));
formData()
El método formData()
del objeto Response
nos permite obtener los datos de la respuesta en formato FormData
.
js
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.formData())
.then(data => console.log(data));
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.formData())
.then(data => console.log(data));
Ademas de estos métodos, tambien tenemos varias propiedades que nos permiten obtener información sobre la respuesta:
Response.ok
: devuelvetrue
si la respuesta es correcta, yfalse
si la respuesta es incorrecta.Response.status
: devuelve el código de estado de la respuesta.Response.statusText
: devuelve el mensaje de estado de la respuesta.Response.url
: devuelve la URL de la respuesta.Response.type
: devuelve el tipo de respuesta.Response.redirected
: devuelvetrue
si la respuesta es una redirección, yfalse
si no lo es.Response.headers
: devuelve un objetoHeaders
con las cabeceras de la respuesta.Response.body
: devuelve un objetoReadableStream
con el cuerpo de la respuesta.Response.bodyUsed
: devuelvetrue
si el cuerpo de la respuesta ya ha sido leído, yfalse
si no lo ha sido.