Como verificar se a resposta de uma busca é um objeto json em javascript

94

Estou usando fetch polyfill para recuperar um JSON ou texto de um URL. Quero saber como posso verificar se a resposta é um objeto JSON ou apenas texto

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

Respostas:

161

Você pode verificar o content-typeda resposta, conforme mostrado neste exemplo 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
    });
  }
});

Se você precisar ter certeza absoluta de que o conteúdo é um JSON válido (e não confiar nos cabeçalhos), poderá apenas aceitar a resposta como texte analisá-la você mesmo:

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
    }
  });

Assíncrono / aguardar

Se estiver usando async/await, você pode escrever de uma forma mais linear:

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
  }
}
nada
fonte
1
Por meio da mesma estratégia, você poderia apenas usar response.json em combinação com catch; se você detectar um erro, significa que não é JSON. Não seria uma maneira mais idiomática de lidar com isso (em vez de dispensar o response.json)?
Wouter Ronteltap de
3
@WouterRonteltap: Você não tem permissão para fazer apenas um ou outro. Parece que me lembro de que você só tem uma chance de resposta. Qualquer coisa (). Nesse caso, JSON é texto, mas texto não é necessariamente JSON. Portanto, você deve fazer a coisa certa primeiro, que é .text (). Se você fizer .json () primeiro, e ele falhar, não acho que você terá a oportunidade de também fazer .text (). Se eu estiver errado, por favor, mostre-me diferente.
Lonnie Melhor
2
Na minha opinião, você não pode confiar nos cabeçalhos (embora devesse, mas às vezes você simplesmente não consegue controlar o servidor do outro lado). Portanto, é ótimo que você também mencione try-catch em sua resposta.
Jacob
2
Sim, @Lonnie Best está completamente correto nisso. se você chamar .json () e ele lançar uma exceção (porque a resposta não é json), você receberá uma exceção "O corpo já foi consumido" se chamar subsequentemente .text ()
Andy
1

Use um analisador JSON como JSON.parse:

function IsJsonString(str) {
    try {
        var obj = JSON.parse(str);

         // More strict checking     
         // if (obj && typeof obj === "object") {
         //    return true;
         // }

    } catch (e) {
        return false;
    }
    return true;
}
Rakesh Soni
fonte