拒绝获取承诺：访问回复文本

Question

我正在使用Fetch API加载一些JSON。 因此，我使用.json()上响应流，并且还可选的第二函数参数（ onRejected ）中.then()它只有一个参数，该拒绝原因。

如果出现问题（例如响应不是有效的JSON），我希望访问原始响应文本以获取有意义的错误日志或进一步处理意外的响应。

请考虑以下简化代码段：

fetch('api.php')
.then(
    response => { return response.json(); }
)
.then(
    json => { /* useful fulfillment value, a JSON object */ },
    reason => { /* string message only */ }
);

如果API响应时使用的不是有效JSON，则它会由于以下原因而拒绝：

SyntaxError：JSON.parse：JSON数据的第1行第1列出现意外字符

尽管这是一条非常清晰的错误消息，但它缺少真正导致错误的原因的转储。

我考虑过使用.text() ，然后尝试自己解析JSON，但这在某种程度上违背.json()的目的。

如果流读取被拒绝，是否有合理的方法来访问响应文本？

Answer 1

您可以检查内容类型：

  var contentType = response.headers.get("content-type");
  if(contentType && contentType.indexOf("application/json") !== -1) {
       response => { return response.json(); }
  }
  else{
       response => { return response.text(); }
  }

---

如果要在拒绝回调中获取响应，可以执行以下操作

  response => { 
          var text = '';
          try{
              text= response.json(); 
          }
          catch (e if e instanceof SyntaxError) {
             text = response.text();
          } 
          return text;
  }

Answer 2

可以说这很讨厌，但可以解决问题：

let res;
fetch('api.php')
.then(
    response => { res = response; return response.json(); }
)
.then(
    json => { /* useful fulfillment value, a JSON object */ },
    reason => { /* use res variable */ }
);

Answer 3

如果响应肯定具有主体，则使用response.text（）方法（如其他答案或其他地方所示： MDN ， Google Web ）读取文本，然后在任何其他条件或检查之前或之后自行解析（是否JSON？检查然后使用JSON.parse）。

使用身体不是通常用于处理错误的有效技术。 如果API不包含正文，格式错误或请求完全失败，会发生什么情况？ 而是查看response.statusText （例如“未找到”）， response.status （例如404）和其他标头。 否则，在获取失败的情况下，响应将是带有error.message和error.stack的Error对象。 如果您拥有API并需要更复杂/可预测的消息传递，请考虑添加自定义标头（例如'special-message'），并使用if(response.headers) response.headers.get('special-message')类的内容进行检索。

只有在这些其他场景不再具有可预测性的问题时，才可以与身体合作。 在任何流式传输完成之前，上述标头也可用，以进一步简化和改善响应性和响应处理。