Как сделать jQuery .load (), чтобы добавить возвращенные данные внутри контейнера, а не переписать его?

Question

Я использую функцию .load () , чтобы загрузить html-контент из действия контроллера и поместить в существующий элемент контейнера. Проблема в том, что эти поступающие данные из метода load удаляют все в этом контейнере изатем запишите новые данные там, что я хочу, чтобы сохранить любой контент в этом контейнере и просто добавить поступающие данные.

вот мой груз:

$("#container").load("/Profile/Chat", { friendId: friendId });

Answer 1

$.get("/Profile/Chat", { friendId: friendId }, function(html){
    $("#container").append(html);
}, 'html');

Answer 2

load, get, post и т. Д. - все это просто оболочки вокруг метода jQuery ajax.В случае сомнений ajax всегда дает вам то, что вы хотите.

$.ajax({
    url: "/Profile/Chat",
    data: { friendId: friendId },
    success: function(data){
        $("#container").append(data);
    }
});

Answer 3

load всегда заменяет содержимое контейнера. Вы можете обойти это, загрузив содержимое в другой скрытый контейнер, а затем append в нужный контейнер:

$("#hiddenContainer").load("/Profile/Chat", { friendId: friendId }, function() {
      $("#container").append($("#hiddenContainer").html());
});