Как выполнить функцию после ajax-запроса типа post?

Question

[Иван Чуркин]

Выполняется авторизация.

$(document.forms['someName']).on('submit', function() {
    
    var form = $(this);
    $(':submit', form).button('loading');

    $.ajax({
        url: '/signin',
        method: 'POST',
        data: form.serialize(),
        complete: function() {
            $(':submit', form).button('reset');
        },
        statusCode: {
            200: function() {
                    window.location.href = '/';
            },
            403: function(jqXHR) {
                var error = JSON.parse(jqXHR.responseText);
                window.location.href = '/signin';
            }
        }
    });
    return false;
});

После ответа сервера ошибкой 403 хочу перенаправить на страницу авторизации window.location.href = '/signin' и вывести информационное сообщение с указанием причины ошибки. При этом не хочется указывать каких-либо параметров через ?, вроде этого window.location.href = '/signin?login_fail=1'.

Таким образом есть ли возможность вызвать js-функцию только в том случае, если на эту страницу пользователь пришёл после неудачного post-запроса?

Answer 1

[Тимур Шемсединов]

UPD: поможет флаг в cookie или localstorage, например: localStorage.lastResult = "error";

Рядом с complete в вызове $.ajax добавьте еще error: function() {} или error: functionName если она уже где-то была определена.

Comments

[Иван Чуркин]

Возможно я выразился не совсем правильно с "неудачным post-запросом", сам post-запрос отработал, сервер вернул 403, произошло перенаправление и вот на этой странице (на которую мы попали после перенаправления) мне хотелось бы выполнить некую js-функцию.

[Тимур Шемсединов]

Если не хочется добавлять в URL параметры через ? и даже через # (второе не отправляется на сервер), то можно ставить флаги, например, в cookie или в localstorage, а при загрузке страницы проверять флаг и сбрасывать его. Локансторидж будет даже проще localStorage.lastResult = "error";

[Иван Чуркин]

Тимур Шемсединов: то, что надо, спасибо!

Answer 2

[Александр Цымбал]

у метода jquery $.ajax есть такой параметр как success (оформляется аналогично complete и statusCode) - он срабатывает при успешном срабатывании метода: т.е. если запрос выполнен и возвращена какая-то информация.

Вы можете использовать success для обработки полученных данных. Вижу, что вы получаете ответ в JSON. Засуньте в него какой-нибудь флаг, например "is403" со значениями true или false. И устанавливайте флаг только в том случае, если 403 сработал.
тогда кусок скрипта будет следующим:

....
success: function(data) {
   var answer = JSON.parse(data);
   if (answer.is403 === true) {
      //делаем редирект
   } else {
      //делаем что-нибудь другое, если флаг 403 не установлен, а значит, возвращены какие-то данные
   }
}

Comments

[Иван Чуркин]

Post-запрос отрабатывает, сервер возвращает ошибку 403, срабатывает редирект. Мы попадаем на другую страницу и вот здесь я хотел бы выполнить некую js-функцию. Повторюсь, чтобы эта некая js-функция выполнялась только в том случает, если мы пришли на эту страницу после post-запроса, который вернул нам 403 и перенаправил на эту страницу.

[Александр Цымбал]

Иван Чуркин: ну добавьте в урл window.location.href = '/signin'; какой-нибудь GET-параметр
Отправляйте, например, на такой урл: '/signin?fromscript=1'
Далее на странице проверяйте (парсьте урл), если в нём присутствует get-параметр, то выполняйте код. Если get-параметра нет, то ничего не надо делать.