Допустим, такая ситуация. Есть ajax-приложение, в котором
форма логина выглядит как-то так:
<form><br>
<input type="text" name="ajax-username" /><br>
<input type="password" name="ajax-password" /><br>
<input type="submit" /><br>
</form><br>
var form = document.querySelector( 'form' );<br>
<br>
form.addEventListener( 'submit', function (e) {<br>
ajaxLogin(function () {<br>
form.innerHTML += '<br /> success';<br>
});<br>
e.preventDefault();<br>
}, false);<br>
Т.Е. Мы перехватываем сабмит формы и вместо того, чтобы перезапрашивать страницу — отправляем её ajax'ом, логинимся и JS'ом генерим новый код.
Но в такой подходе всё прекрасно кроме одного — не происходит «запоминание» введённой информации — логина и пароля и следующий вход вместо того, чтобы их браузер подставил приходится вводить их заново.
Если просто убрать
e.preventDefault()
, то страница после сабмита формы будет перезагружаться.
Посоветуете ли какое-либо решение этой проблемы?