Как сделать проверку логина и пароля на ajax c header на сервере?

Question

[Владимир Голубь]

Задача следующая сделать проверку логина и пароля, в случае не удачи выводить сообщение об ошибке, которое прилетает с сервера, если проверка прошла успешна производить переадресацию при помощи header на сервере.

Мой действия (форму кидать не буду она правильная), скрипт отправки и вывода сообщения.

function autorization(){
    var str = $('#formAutorization').serialize();
    console.log(str);
    $.ajax({
        method: "POST",
        url: "manager.php",
        data: str,
        success: function(date) {
            $('#min').empty();
            $('#min').append(date);
            $('#min').slideToggle('slow');
            setTimeout("$('#min').slideToggle('slow')", 2000);
        }
    });
}

Тут получаеться если при проверке происходит ошибка, то появляется текст сообщения и убирается.

Скрипт php на сервере. Проверяю правильность логина и пароля в случае ошибки - вывожу сообщение.

echo "Извините, введенный вами Email или Пароль неверный.";

Если же аутентификация прошла успешно, то заношу id в сессию и делаю перенаправление.

$_SESSION['id'] = $row['id_manager'];
header('Location: menu_manager.html');

Вот тут и происходят не понятные вещи страница появляется на несколько секунд и исчезает, как это исправить ? Чтобы перенаправление происходило правильно ?

Answer 1

[Евгений Одинец]

Перенаправление нужно делать на странице с которой отправляется ajax. Для приема данных лучше использовать JSON

если ошибка:

echo '{ "error":"1", "message":"Извините, введенный вами Email или Пароль неверный"}';

Если все успешно:
echo '{ "success":"1" }';

success: function(response) {
               if(response.error){
                      $('#min').html(response.message);
                     //ошибка
               } else if(response.success){
                     //location.href='http://youpage';
               }
        }

Так же советую функцию json_encode

Comments

[Владимир Голубь]

А если это происходит на клиенте, как быть с защитой ?

[Евгений Одинец]

Владимир Голубь: Какой защитой? Авторизаия у вас происходит на сервере, потом если пользователь авторизировался то его перенаправляет на menu_manager.html, а тут уже проверка на сервере нужна 100%. Если пользователь авторизирован то пускать его, если нет редирект или выводить сообщение с ошибкой.

[Александр Кубинцев]

Редирект нужно делать на стороне клиентской части: window.location =
Отсылка в ответе ajax заголовка "Location: ..." не сработает для этих целей.

[Владимир Голубь]

Евгений Одинец: вот не пойму как обратиться к свойству. Делаю вывод на сервере :
$array = [
"error" => "1",
"message" => "Извините, введенный вами Email или Пароль неверный",
];
echo json_encode(array("array" => $array));
И на клиенте к нему обращаюсь и получаю undefined
success: function(array) {
console.log(array); // тут выводит {"array":{"success":"1"}}
console.log(array.error);
.........

[Владимир Голубь]

Евгений Одинец: console.log(array.error); // тут undefined

[Евгений Одинец]

Владимир Голубь:
json_encode($array).
console.log(array); // тут выводит {"array":{"success":"1"}} - значит авторизация прошла. Если будут ошибки то должно вернуть error