Здравствуйте. Подскажите пожалуйста, почему ajax-запрос по нажатии на кнопку срабатывает через раз? В первый раз всегда не срабатывает, бывает много раз кряду не работает. Заметил одну особенность - если через режим разработчика заполнять поля формы и нажать на кнопку, то там со второго раза почти всегда срабатывает. В общем, точной закономерности не выявил, поэтому пишу все что заметил. Под словом срабатывает я имею в виду, что выполняется код из блока success(в моем примере это переход на другую страницу), в остальных же случаях выполняется код из блока error. Буду признателен за любые советы. Код:
<form>
<input id="email" class="auth-input" placeholder=" EMAIL"></input><br></br>
<input id="pass" class="auth-input" placeholder=" Пароль"></input><br></br>
<input class="auth-input" placeholder=" Повторите пароль"></input><br></br>
<label><input type="checkbox"> Я принимаю условия <a href="#">пользовательского соглашения</a></label><br><br>
<button class="auth-button">Зарегистрироваться</button>
</form>
$('.auth-button').on('click', function() {
$.ajax
({
url:"example.com",
type:"POST",
data:JSON.stringify({"email": $('#email').val(),"password": $('#pass').val()}),
contentType:"application/json",
dataType:"json",
success: function(){
window.location = "example.com";
},
error: function(xhr, status, error) {
alert(xhr.ResponseText);
}
});
});
Простой