Здравствуйте!
На стартовой странице
index.html
есть форма авторизации
<div class="formWrapper">
<div class="formDisclamer">Войти</div>
<form method="POST" action="index.php">
<input type="text" class="loginInput">
<input type="text" class="passwordInput">
<p class="showErrors"></p>
<input class="checkUser" type="button" value="Войти">
</form>
</div>
запрос на авторизацию пользователя осуществляется с помощью асинхронного
POST
запроса на сервер
this.loginFormBtn.addEventListener('click',e=>{
fetch(
this.pathToController ,
{
method : 'POST' ,
body : JSON.stringify(
{
'login' : this.loginInput.value ,
'password' : this.passwordInput.value
}
)
}
)
.then(data=>console.log(data.json()));
});
В данном случае, в промисе я могу спокойно обрабатывать всякие ответы с сервера, вроде не верно введённых данных пользователя, но если пользователь ввёл корректные данные , и никаких исключительных ситуаций на сервере не возникло, то как мне отрисовать стартовую страничку в бразуере? Т.е. у меня получается отправить в случае корректных данных пользователя ответ клиенту в виде
html
странички , НО он просто отображается во вкладке "сеть" браузера, но разумеется отрисовки в данном случае не происходит. Конечно есть топорный способ вроде
.then(data=>{
document.body.innerHTML = data //ну вроде как отрисовать html пришедший с сервера
});
подскажите , как лучше сделать, т.к. опыта у меня нет, а в интернетах в основном простые примеры, которые не подходят под выбранную мною архитектуру обработки запросов на сервере, или мою неопытную их реализацию?