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

Javascript jQuery-将html响应加载到整个页面中,javascript,jquery,ajax,web,Javascript,Jquery,Ajax,Web,在我的ajax代码中,我得到了一个html响应。如何将整个页面替换为此html响应?我只找到了window.location.href,它只能重新输入url响应 我的代码: $('#btn').click(function(){ $.ajax({ url: '/someurl', data: {'key': value}, type: 'POST', success: function(html_data) {

在我的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: ...
    });
 });

document是一个包含整个DOM的对象

尝试在console window.document中编写,您将看到您所在页面的整个结构。如果只需要body元素,那么可以通过标记找到它并替换其中的内容

编辑1:

其实你,;你说得对。我没有测试它

但您可以通过以下方式实现:

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

在控制台中测试。

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

尝试在console window.document中编写,您将看到您所在页面的整个结构。如果只需要body元素,那么可以通过标记找到它并替换其中的内容

编辑1:

其实你,;你说得对。我没有测试它

但您可以通过以下方式实现:

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

在控制台中测试。

jQuery
replaceWith
应该可以帮您完成;)

其中
数据
是从服务器接收的
html

整个代码看起来像这样

$.get( "example.com/fileToLoad.html", function( data ) {
  $( "html" ).html( data );
});
在这里了解有关jQuery的更多信息


jQuery
replaceWith
应该可以帮您完成;)

其中
数据
是从服务器接收的
html

整个代码看起来像这样

$.get( "example.com/fileToLoad.html", function( data ) {
  $( "html" ).html( data );
});
在这里了解有关jQuery的更多信息


您好,我只是在问题上添加了我的代码。我编写$('html').replateWith(html#U数据),但得到错误:“jquery.js:5894 Uncaught HierarchyRequestError:未能在'Node'上执行'replaceChild':类型为'#document fragment'的节点不能插入类型为'#document'的节点中。”好的,我只是使用$('html').html(html#U数据)来解决这个问题。谢谢!比X更好的方法。但有没有办法打开页面而不替换?嗨,我只是在问题上添加了我的代码。我编写$('html').replateWith(html#U数据),但得到错误:“jquery.js:5894 Uncaught HierarchyRequestError:未能在'Node'上执行'replaceChild':类型为'#document fragment'的节点不能插入类型为'#document'的节点中。”好的,我只是使用$('html').html(html#U数据)来解决这个问题。谢谢!比X更好的方法。但有没有办法打开页面而不替换?