如何检查提取的响应是否是javascript中的json对象


Answers:


161

您可以检查content-type响应的,如此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
    });
  }
});

如果您需要绝对确定内容是有效的JSON(并且不信任标头),则始终可以只接受响应text并自己解析:

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,则可以以更线性的方式编写它:

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

1
通过相同的策略,您可以将response.json与catch结合使用;如果发现错误,则表示它不是json。那不是处理这个问题的更惯用的方法(而不是放弃response.json)吗?
Wouter Ronteltap '18

3
@WouterRonteltap:您不是只允许做一个或另一个。好像我记得您在response.anything()上只能投一枪。如果是这样,则JSON是文本,但文本不一定是JSON。因此,您必须首先做确定的事情,即.text()。如果您首先执行.json(),但失败了,我认为您没有机会也执行.text()。如果我错了,请向我展示不同的内容。
Lonnie Best,

2
我认为您不能信任标头(尽管您应该信任标头,但有时您只是无法控制另一侧的服务器)。因此,很高兴在回答中也提到try-catch。
雅各布

2
是的,@ Lonnie Best在此方面是完全正确的。如果调用.json()并引发异常(因为响应不是json),则随后调用.text()时,您将收到“正文已被消耗”异常
Andy

1

使用像JSON.parse这样的JSON解析器:

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;
}
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.