Подскажите, как в 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(); вызывал и т.д., что-то не катит.
Обработчик должен возвращать 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; // !!!
});
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости