如何在站点导航时避免刷新母版？

Question

在我的网站上，我创建了一个母版页并将所有页面附加到其中。 我的母版页结构包含页眉和页脚。在左边它有一个树视图控件，我已经附加到我的所有页面，右边有一个contentplaceholder来显示相应页面的内容。

我的问题是，当我点击树视图中的任何链接时，它会刷新整个母版页并打开相应的页面。我希望避免这种刷新。意味着它应该在右侧contentplaceholder上显示页面的内容而不刷新整个页面。

我见过有人建议使用iframe。但是对于使用iframe，我将不得不重组我的网站。除了iframe之外还有其他任何解决方案吗？我所做的工作变化很小？

Answer 1

您可能希望使用AJAX来阻止这种情况发生。您需要阅读UpdatePanel。以下是一些有关此内容的好文章：

• http://geekswithblogs.net/ranganh/archive/2007/05/11/112405.aspx
• http://msdn.microsoft.com/en-us/library/bb399001.aspx

您还可以选择使用jQuery来处理AJAX调用。虽然我在使用AJAX时通常更喜欢使用jQuery，但我不确定在你的情况下我会使用它。如果您想查看它提供的内容，请查看以下链接：

• http://api.jquery.com/jQuery.ajax/
• http://sixrevisions.com/javascript/the-power-of-jquery-with-ajax/

Answer 2

您可以将您希望更改的内容放在asp:UpdatePanel内，这将是唯一重新绘制的内容（它使用AJAX）：

http://msdn.microsoft.com/en-us/library/system.web.ui.updatepanel.aspx

Answer 3

母版页类派生自UserControl类，母版页就像子控件。所以我们可以说主页不是真正的页面，当页面加载时我们可以注意到地址栏中的导航URL是内容页面而不是主页面！所以我们无法在不刷新母版页的情况下刷新内容页面。

有一种方法可以通过在＆lt;中添加代码来避免页面闪烁。头＆gt;主页中的部分。

<meta http-equiv="Page-Enter" content="blendTrans(Duration=0)"/>

<meta http-equiv="Page-Exit" content="blendTrans(Duration=0)"/>