Cómo comprobar si la respuesta de un fetch es un objeto json en javascript

Question

Cómo comprobar si la respuesta de un fetch es un objeto json en javascript

Estoy usando fetch polyfill para recuperar un JSON o texto de una URL, quiero saber cómo puedo comprobar si la respuesta es un objeto JSON o es solo texto

fetch(URL, options).then(response => {
   // how to check if response has a body of type json?
   if (response.isJson()) return response.json();
});

37

javascript json fetch

Author: Sibelius Seraphini, 2016-05-09

Source

1 answers

score 70 · Accepted Answer

Puede comprobar el content-type de la respuesta, como se muestra en este ejemplo de MDN :

fetch(myRequest).then(response => {
  const contentType = response.headers.get("content-type");
  if (contentType && contentType.indexOf("application/json") !== -1) {
    return response.json().then(data => {
      // process your JSON data further
    });
  } else {
    return response.text().then(text => {
      // this is text, do something with it
    });
  }
});

Si necesita estar absolutamente seguro de que el contenido es JSON válido (y no confiar en los encabezados), siempre puede aceptar la respuesta como text y analizarla usted mismo:

fetch(myRequest)
  .then(response => response.text())
  .then(text => {
    try {
        const data = JSON.parse(text);
        // Do your JSON handling here
    } catch(err) {
       // It is text, do you text handling here
    }
  });

Async / await

Si estás usando async/await, podrías escribirlo de una manera más lineal:

async function myFetch(myRequest) {
  try {
    const reponse = await fetch(myRequest); // Fetch the resource
    const text = await response.text(); // Parse it as text
    const data = JSON.parse(text); // Try to parse it as json
    // Do your JSON handling here
  } catch(err) {
    // This probably means your response is text, do you text handling here
  }
}