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: devuelvetruesi la respuesta es correcta, yfalsesi 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: devuelvetruesi la respuesta es una redirección, yfalsesi no lo es.Response.headers: devuelve un objetoHeaderscon las cabeceras de la respuesta.Response.body: devuelve un objetoReadableStreamcon el cuerpo de la respuesta.Response.bodyUsed: devuelvetruesi el cuerpo de la respuesta ya ha sido leído, yfalsesi no lo ha sido.