Отправка формы через модальное окно
Кратко объясню ситуацию:
У меня есть модальное окно с формой для входа в систему (ввести почту и пароль), у него action="/login" method="POST".
Если я открою, введу данные в это окно находясь на корневой странице ("/"), то все отлично отработает и отправит POST запрос, примет response, выведет сообщение и тд (скрин приложу).
Но когда я открою это окно, находясь в любой другой странице (например находясь в каталоге "/catalog"), то сообщение отправленное через res.send() будет выводится без страницы на белом фоне (как на втором скрине).
Не могу сказать что в этом всем я опытный, поэтому хотел попросить объяснить или помочь как решить эту проблему. Заранее спасибо
Скрин когда заход происходит из корневой страницы

router
.route('/')
.post(urlencodedParser, async (req, res, next) => {
const results = await db.promise().query(`select * from Auth`);
let i = 0;
while (i < results[0].length){
try {
if (await bcrypt.compare(req.body.password, results[0][i].password) && results[0][i].e_mail === req.body.email){
UserName = await db.promise().query(`select first_name from Users where id = ${results[0][i].id}`);
UserName = UserName[0][0].first_name;
req.session.user = {name: UserName} ;
console.log(req.session);
res.status(200).send('Вы успешно авторизовались! <br>Добро пожаловать');
break;
}
} catch (error) {
res.status(404).send();
console.log(error);
break;
}
i++;
};
next();
});
$.ajax({
url : url,
type: method,
data: data,
success: function (response) {
console.log('success');
let message;
console.log(url);
switch (url) {
case '/login':
message = $('.login-message');
$('html').css('cursor', 'progress');
setInterval(function(){window.location = "/login"}, 1500);
break;
case: ...
}
message.html(response);
message.css('color', 'green');
},error:...