Javascript jQuery-将html响应加载到整个页面中
在我的ajax代码中,我得到了一个html响应。如何将整个页面替换为此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) {
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更好的方法。但有没有办法打开页面而不替换?