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

Question

在我的ajax代码中，我得到了一个html响应。如何将整个页面替换为此HTML响应？我只找到window.location.href，它只能重新启动网址响应。

我的代码：

$('#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 );

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

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

$.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();

在控制台中测试。