Как загрузить некоторый html и добавить к <body> с помощью jQuery?

Я попробовал следующее:

$.load("Views/chatBox.html").appendTo('body') is not working!

TypeError: $.load is not a function

EDIT: ответ должен быть только одной строкой кода, что достаточно, я думаю,

Ответ 1

Я не понимаю, почему размещение контейнера в нижней части тела и загрузка внешней страницы в это не то, что вам нужно?

Что вы можете попробовать:

<script type="text/javascript">
    $(function() {
        $("#container").load("Views/chatBox.html",function(){
            $(this).clone().appendTo("body").remove();
        });
    });
</script>

Но im не 100% уверен в этом коде...:)

Ответ 2

Нет, все эти ответы неверны, потому что они полагаются на отдельный контейнер!

Сделайте это:

$.ajax({
    url: "your.html",
    success: function (data) { $('body').append(data); },
    dataType: 'html'
});

Ответ 3

Альтернативное решение:

jQuery('#AppendToMe').append( jQuery('<div>').load(...) );

Это добавит все, что вы загрузите в элемент #AppendToMe.

Ответ 4

Когда я опробовал решение GaVrA, я обнаружил, что это может быть еще проще:

<script type="text/javascript">
    $(function() {
        $("#container").load("external.html").appendTo("body");;        
    });
</script>

Я предполагаю appentTo автоматически удаляет предыдущий экземпляр? Возможно, я что-то пропустил?

Ответ 5

Здесь вы идете:

<script type="text/javascript">
    $(function() {
        $("body").load("Views/chatBox.html");
    });
</script>