Как мне получить отправку формы JQuery для работы с функцией обновления страницы? - PullRequest
0 голосов
/ 01 мая 2020

У меня есть две функции на моей странице 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();
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...