如何使jQuery .load（）将返回的数据附加到容器内而不是在容器上重写？

Question

I am using .load() function to load html content from a controller action and put in an existing container element, The problem is that this coming data from the load method remove everything in this container and then write the new data there, What I want is to keep any content inside this container and just append the coming data.

here is my load:

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

Answer 1

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

Answer 2

load always replaces the content of the container. You can get around this by loading the content into a different hidden container, then append it to the intended container:

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

Answer 3

load , get , post etc are all just wrappers around the jQuery ajax method. When in doubt, ajax always gets you what you want.

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