1

Доброго времени суток. У меня есть форма логина, с помощью ajax я проверяю ее подленность и вывожу ошибку (если она есть). Но при успешной авторизации мне надо перегрузить страницу. Как это сделать?

Вот форма

    <form id="login">
                <input type="text" name="email" id="email" placeholder="username" required="true">
                <input type="password" name="password" id="password" placeholder="password">
                <input type="button" name="submit" id="send" value="Submit" onclick="wrongLogin()">
            </form>

Ajax запрос

function wrongLogin() {

var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
        console.dir(event);
        document.getElementById('errWrongLogin').innerHTML=xhr.responseText;
    }else if (xhr.readyState == 4 && xhr.status != 200) {
        console.dir('error');
    }
};
xhr.open('POST', '/login', true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=utf-8");
var logInfo='email='+document.getElementById('email').value+'&password='+document.getElementById('password').value;
xhr.send(logInfo);

А так же обработка на сервере node js

    var express = require('express');
var sql = require('mysql');
var bodyParser = require('body-parser');
var session = require('express-session');
var pool=require('conn');
var er = ' ';

var sess ;

module.exports.login = function (req, res, next) {
    sess=req.session;
    var username = req.body.email;
    var password = req.body.password;
    pool.pool.query('SELECT * FROM Users WHERE Email= "'+ username +'" OR Nick= "' + username + '"', function (err, rows, fields){
                if(err) throw err;
        else if(rows.length > 0 && password == rows[0].Password){
            console.log('Hello');
            sess.user = rows[0].Nick;
            sess.email = rows[0].Email;
            sess.idUser = rows[0].id;
            sess.fName = rows[0].FName;
            sess.lName = rows[0].LName;
                    console.log(sess.email);
            res.send(' ');
        }else {
            er = '<div id="login_form">'+'Неправильний логін або пароль'+'</div>';
                    res.send(er);
        }
    });
};
11
  • проблема только в том что б при успешной авторизации перезагрузить страницу.Весь процес оброботки работает отлчино(хорошо).Тоесть если логин и пароль совпадает с базой в перегрузить страницу
    – ItsMyLife
    2 авг 2016 в 8:25
  • гм. значит код вы показали не точный, потому что ошибка налицо... в любом случае, просто используйте location.reload(); в условии if (xhr.readyState == 4 && xhr.status == 200) { 2 авг 2016 в 8:26
  • Да прошу прощения. В буфере оказалась не та форма. Спасибо за замечание. Исправил
    – ItsMyLife
    2 авг 2016 в 8:28
  • window.location.href="";
    – HELO WORD
    2 авг 2016 в 8:33
  • @HELOWORD насколько я знаю window.location на бекенде не работает, но именно там у меня происходит проверка.
    – ItsMyLife
    2 авг 2016 в 8:40

1 ответ 1

0

Почему бы вам, в случае успеха, не возвращать от сервера пустой ответ и при пустом ответе - обновлять страницу?

Исправить на бекенде успешный ответ на пустой res.send(''); И на клиенте проверять

if(xhr.responseText)
    document.getElementById('errWrongLogin').innerHTML=xhr.responseText;
else 
    location.reload();

Строго говоря, лучше использовать http-запросы по назначению: если у вас ошибка при авторизации - возвращать ошибку. Успешный ответ говорит о том, что все прошло правильно.

2
  • Тебя немного опередил товарищ выше. Но все равно спасибо.
    – ItsMyLife
    2 авг 2016 в 8:58
  • Да я сам с собой соревнуюсь тут )) 2 авг 2016 в 8:59

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.