如何渲染整个页面?

Posted

技术标签:

【中文标题】如何渲染整个页面?【英文标题】:how to render the whole page? 【发布时间】:2013-08-12 19:28:07 【问题描述】:

我正在用django + jquery写一个html页面,页面的布局是:

head (divs)
--------------------------
left (divs) | right (divs)

点击head div后,我想更改整个页面(head div都一样,但左右div会改变)(js会向django发送一个post消息并获取响应的html)。

现在我可以获得整个新页面,但我不知道如何重新渲染整个页面?任何帮助都会得到帮助!

【问题讨论】:

【参考方案1】:

您可以结合 jQuery load() 并添加一个新的 div 来包含网站的内容:

head (divs)
--------------------------
container div
left (divs) | right (divs)
/container div

所以你,做这样的事情。

$('#container').load('ajax/test.html #container');

请参阅jQuery load 的文档,它可以让您加载到特定元素并过滤要包含的 html 部分。

【讨论】:

【参考方案2】:

你不能简单地使用jQuery.load() 吗?

$('#left').load('ajax/test.html', function() 
  alert('Load was performed.');
);

【讨论】:

【参考方案3】:

有很多方法可以做到:

    您单击并 django 通过 ajax 发送新内容和浏览器 会显示它 您可以保留 div,但可以更改其中的一些 内容/文本等 使用函数load(),查看这里:enter link description here

【讨论】:

以上是关于如何渲染整个页面?的主要内容,如果未能解决你的问题,请参考以下文章

浏览器是根据更改重新渲染整个页面还是仅重新渲染特定元素?

如何提高kendo ui grid在页面的渲染速度

浏览器从输入URL到渲染完页面的整个过程

在 js.erb 中渲染 Rails 部分而不重新加载整个页面

React如何渲染大数据量的列表?

如何在不刷新整个页面的情况下重新加载组件?