jQuery-将HTML响应加载到整个页面

Question

在我的Ajax代码中，我得到了html响应。 如何将整个页面替换为该html响应？ 我只找到window.location.href ，它只能重定向URL响应。

我的代码：

$('#btn').click(function(){
    $.ajax({
        url: '/someurl',
        data: {'key': value},
        type: 'POST',
        success: function(html_data) {
            # how to load this html_data into the whole page?
        },
        error: ...
    });
 });

Answer 1

jQuery replaceWith应该为您完成；）

$( "html" ).replaceWith( data );

从服务器接收到html data地方...

整个代码看起来像这样...

$.get( "example.com/fileToLoad.html", function( data ) {
  $( "html" ).html( data );
});

在此处了解有关jQuery的更多信息...

http://jquery.com/

Answer 2

window.document是包含整个DOM的对象。

尝试在控制台window.document中编写，您将看到所在页面的整个结构。 如果只需要body元素，则可以通过标签找到它，并替换其中的内容。

编辑1：

其实你是对的。 我没有测试。

但是您可以通过以下方式做到这一点：

document.open();
document.write(your_html);
document.close();

在控制台中测试。