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

在控制台中測試。