Получить http статус кода запроса в Vue ana Ajax

Question

Я хотел бы получить код состояния 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-уведомления Framework)):

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

Answer 1

Используя функцию then (), вы можете обработать ответ на ваш вызов.Доступ к коду статуса очень прост.Я добавил простой фрагмент, который вы сможете адаптировать под свои нужды.

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