在Vue和Ajax中获取请求的http状态码

Posted 2023-02-22

【中文标题】在Vue和Ajax中获取请求的http状态码

【英文标题】：Get http status code of request in Vue and Ajax

【发布时间】：2019-03-16 05:16:28

【问题描述】：

我想在发送表单时获取HTTP状态码（发送表单的函数...）：

return fetch(serviceUrl + 'Collect', 
    method: "POST",
    headers: new Headers(
      "Content-Type": "application/json",
      Authorization: "Bearer " + DataLayer.instance.token
    ),
    body: JSON.stringify(
        (mergedFormObjects),
        "UserId": this.oidcIdToken 
    ),
  );

基于该状态码（201 表示成功；否则 - “用户必须更正数据）我想显示通知（我将要/准备好/使用 vue-notification 框架））：

if (statusCode = 201) 
 *the code which show the notification for success*  
else  *the code which show the notification for correct errors* 

【参考方案1】：

使用 then() 函数，您可以处理呼叫的响应。访问状态码非常简单。我添加了一个简单的 sn-p，您应该能够根据自己的需要进行调整。

return fetch(serviceUrl + 'Collect', 
    method: "POST",
    headers: new Headers(
        "Content-Type": "application/json",
        Authorization: "Bearer " + DataLayer.instance.token
    ),
    body: JSON.stringify(
        (mergedFormObjects),
            "UserId": this.oidcIdToken
        ),
).then(function(response)
    console.log(response.status);
);