Обновление div в AJAX без перезагрузки

146
25 января 2018, 20:46

Подскажите, как в AJAX jQuery, сделать обновление одного конкретного <div>, без перезагрузки страницы:

    <div id="comments">
   <p>1</p>
   <p>2</p>
   </div>
 $("#form").submit(function () {

//ajax
        $.ajax({
            url: 'keepComment.php',
            type: "POST",
            cache: false,
            data: $('form').serialize(),
            success: function (data) {

                $('#comments').html(data);
            }
        });
            });

В общем по коду видно, что посылаю я submit(); и мне нужно чтобы во время посылки submit();, автоматически обновлялся <div>.
Как такое можно сделать?
В функции заворачивал, setInterval(); вызывал и т.д., что-то не катит.

Answer 1

Обработчик должен возвращать false, чтобы отменить стандартное поведение отправки формы на сервер и перезагрузки страницы.

$("#form").submit(function () {
  $.ajax({
    url: 'keepComment.php',
    type: "POST",
    cache: false,
    data: $(this).serialize(),
    success: function (data) {
      $('#comments').html(data);
      // или
      $('#comments').html(append);
    }
  });
  return false; // !!!
});
READ ALSO
background и прозрачность

background и прозрачность

У меня есть svg-файл для задника

119
Проблема с разрешением web speach

Проблема с разрешением web speach

Всем доброго времени суток, делаю что-то вроде приложения, есть html, css, js, хотел добавить web speech от chromeКод представлен ниже, хотя основная проблема...

173
Проверка на пустоту в массиве. JS

Проверка на пустоту в массиве. JS

Добрый деньПомогите советом пожалуйста

177
Валидация ФИО javascript

Валидация ФИО javascript

У меня естьформа которая проверяется на пустую строку, но мне нужно еще проверить на соответствие символов: чтоб только буквы, разного регистра,...

192