У меня есть две функции на моей странице Thymeleaf, первая обрабатывает отправку формы с помощью ajax POST-запроса:
$(".[form-class-name]").submit(function (e) {
e.preventDefault();
...
$.ajax({
type: "post",
url: [post-url]
});
});
Вторая обновляет тело страницы через регулярные промежутки времени:
function update() {
$.ajax({
type: "get",
url: [updateUrl],
success: function (data) {
/*<![CDATA[*/
$("body").html(data);
/*]]>*/
}
});
setTimeout(update, 3000);
}
Обе эти функции работают по отдельности, но как только я включаю их в свой скрипт, работает только обновление. Сценарий отправки формы никогда не выполняется, и поскольку preventDefault()
никогда не вызывается, отправка формы приводит к перезагрузке страницы.
Есть ли способ заставить эти функции взаимодействовать?
EDIT : Включая весь сценарий вместе взятый -
$(function () {
$(".[form-class-name]").submit(function (e) {
e.preventDefault();
$.ajax({
type: "post",
url: [post-url]
});
});
function update() {
$.ajax({
type: "get",
url: [updateUrl],
success: function (data) {
/*<![CDATA[*/
$("body").html(data);
/*]]>*/
}
});
setTimeout(update, 3000);
}
update();
});