Обновление отдельного элемента div на странице с помощью jQuery?

Question

Я асинхронно отправляю форму и хочу обновить элемент div после завершения публикации формы. У меня уже все закодировано, я просто не знаю, как (и если это вообще возможно) обновить один div таким образом. Любая помощь?

Answer 1

, если у div есть идентификатор "foo", а имя ваших данных - "data"

$(#"foo").html(data);

это будет ответный вызов вашего поста или вызов ajax

$.post(myURL, function (data) {
   $(#"foo").html(data);

}

Answer 2

Если у вас есть HTML, тогда это просто:

$('#yourDiv').html(responseFromYourAjaxCall);

Если вы спрашиваете, как получить ответ на ваш вызов ajax, это выглядит так:

$.ajax({
    url: 'my/url',
    type: 'POST',
    success: function(data)
    {
       // This Callback is executed when the post is successful.
       // 'data' is the response from the server. 
    }
});

Answer 3

Вас может заинтересовать мой AJAXFetch jQuery плагин, который позволяет вам использовать разметку для выполнения постов AJAX и обновления элементов (например, вашего div) на странице с результатом.