Как правильно работать с Ajax?

Question

[animous]

1. Почему ответ ajax при success идет без responseJSON, а в других случая возвращается объект с responseJSON ?
   
2. И как вы разбираете ответ сервера в случае ошибки
   

Сейчас использую такой jQuery Ajax

$.ajax({
      type: 'POST',
      data: currentForm.serialize(),
      url: currentForm.attr('action'),
      success: (response) => {
        console.log(response)
      },
      error: (response) => {
        console.log(response)

        const status = response.status

        switch (status) {
          case 404:
            break
          case 400:
            break
          case 200:
            break
        }
      }
    })

Comments

[Alex XYZ]

Сколько копий сломано на этом вопросе и ни одного правильного/грамотного решения. Я к тому, что категория вопроса "сложный", как ни странно.

[lloydbanks]

Подобные "сложности" мы создаем себе сами. За все время работы ни разу нигде не видел чтобы кто-то обрабатывал аяксовые ошибки подобным образом. Клиент вообще не должен ничего знать о том какая вернулась ошибка с сервера по соображениям безопасности. Для этого существует консольный дебаггер, которым разработчик должен оперировать, а не писать подобные костыли в коде.
Данный вопрос априори не может содержать в себе ничего кроме холиваров. Автору советую решать проблемы более значимого плана.
Возможно я не прав и существует реально какая-то очень веская причина, которая заставляет страдать подобной котовасией, но в виду отсутствия подробностей и опираясь на изложение первого вопроса, больше смахивает на недостаток компетенций и понимания технологии аякс (без обид, опять же могу ошибаться).

[animous]

1n3gan, а клиент и не знает какая ошибка, у нас бек возвращает ошибки, если форма как то не правильно заполнена, а фронтовая проверка прошла, возвращается 404 и объект с ошибками к полям. Или 302 редирект, тоже в некоторых случаях возвращается. Как в таком случае поступать?

Да, возможно, Вы правы, у меня не так много опыта, учусь и развиваюсь, по этому и спрашиваю.

Answer 1

[Kudis]

1. чтобы получить из ajax ответ типа json, нужно вежливо попросить, добавив параметр dataType: 'json'
2. Чаще всего в пользовательских формах разбор ошибок ajax не требуется, т.к. это внутренняя кухня и пользователь должен знать только то, что форма не отправилась и ему нужно "подождать и повторить"

Comments

[Alex XYZ]

"и пользователь должен знать только то, что форма не отправилась". Это не работает для случаев редиректов на повторную аутентификацию, например. В этом случае вы на ожидаемый JSON получите html, но обработать его не сможете, т.к. не знаете, что за html вам прислал сервер. А это потому что браузер пропускает промежуточные редиректы и возвращает клиенту только конечный результат. Но примеров больше.
Обработка ошибок в ajax-запросе самое отвратительное занятие.