$(document).ready(function() {
$('.submit').on("click", function() {
event.preventDefault();
console.log(event.preventDefault());
var form = $(this).closest('form');
$.ajax({
url: form.attr("action"),
data: form.serialize(),
type: form.attr("method"),
dataType: 'json',
success: function (data) {
if (data.form_is_valid) {
$("#group-task-comments").html(data.html_group_task_comment);
}
else {
$("#group-task-comment-form").html(data.html_group_task_comment_form);
}
}
});
$("#group-task-comment-form")[0].reset();
return false;
});
});
Пока что если везде использовать id (task-comment-form, task-comments), то корректно работает и обновляется список только у первой формы. Внизу другие пользователи предложили свои варианты с использованием классов, с ними есть проблемы которые я описал под их ответами. Что вы про них думаете?
На счет второй ссылки про FormData. Не совсем разобрался с ней пока что. Что именно он делает и будет ли работать на других браузерах кроме mozilla?