после выполнения метода post
, страница автоматически обновляется. Это не удобно когда метод я попадаю в error
. Из за чего оно обновляет страницу, и как это можно исправить ??
$("#btn_add").on('click', function() {
$('#new_mess').show();
$('#btn_ok').submit(function(e) {
e.preventDefault();
var subject = $('#subject').val();
var email_to = $('#input_email_to').val();
var email_text = $('#input_message').val();
var future_second = $('#input_future_second').val();
var mess = {
subject: subject,
email_to: email_to,
email_text: email_text,
future_second: future_second,
status: "NOT_SENT"
};
$.ajax({
type: 'POST',
url: '/messages/',
data: mess,
success: function() {
alert("success");
},
error: function(e) {
var json = "<h4>Ajax Response</h4><pre>"
+ e.responseText + "</pre>";
$('#feedback').html(json);
}
})
})
})
Form :
<form action= "" id="contact-form" name="f_message">
<p>
<div id="feedback"></div>
<b>New message :</b>
subject
<input id="subject" type= "text">
email to
<input id="input_email_to" type= "text">
message
<input id="input_message" type= "text">
second
<input id="input_future_second" type= "number">
<input type= "submit" id="btn_ok" value= "ok">
</p>
</form>
btn_add
кнопка которая открывает форму с кнопкойbtn_ok
. Сделал все как в примере, но страница по прежнему обновляется и не заходитerror
html
код формы, для того, чтобы можно было воспроизвести ошибку и дать полноценный ответ.