【问题标题】:How to do Partial Page reloads?如何进行部分页面重新加载?
【发布时间】:2011-09-22 16:22:27
【问题描述】:

我有一组如下所示的页面 --

我在顶部单击的链接会导致 linkscontent 部分发生变化(如预期的那样),但它也会刷新 bottom 部分。

我希望这些页面之间的bottom 部分保持不变(点击top 部分中的links 不得刷新bottom)。

iframe 是唯一的方法吗?有没有办法在 ASP.NET 中使用一些 AJAX 控件来做到这一点?

请有人提出解决此问题的最佳方法...

【问题讨论】:

    标签: javascript asp.net html ajax iframe


    【解决方案1】:

    一种简单的方法可能是使用 ASP.NET UpdatePanel

    【讨论】:

    • 你能解释一下我如何在我的布局中使用它吗? (见问题)
    • 您将链接和内容放在更新面板中。每个链接都应该是一个 LinkBut​​ton 控件,它会触发一个更新内容的后端方法。
    【解决方案2】:

    您可以使用 AJAX 方法调用信息并仅替换 DOM 的一部分。

    见:http://api.jquery.com/jQuery.ajax/

    这里有一些不错的教程:

    http://www.sitepoint.com/ajax-jquery/

    http://www.devirtuoso.com/2009/07/beginners-guide-to-using-ajax-with-jquery/

    【讨论】:

    • 所以我有一个带有静态底部部分的主页,当链接点击发生时,它会获取和替换页面......?
    • @anirudh4444 - 是的,没错。本质上,您只是使用 Javascript 来替换 Ajax 请求的页面部分。
    • 请看这里:jqueryui.com/demos/tabs/#Ajax_mode 你所做的与拥有标签并使用 Ajax 加载标签内容非常相似。
    • 在 ASP.NET 环境中有更简单的方法吗?因为我已经将网站组织成几个级别的母版页,所以我必须更改所有这些以使用父页。
    • 好吧,我知道有asp.net/ajax/ajaxcontroltoolkit/samples。除了 IFRAME 之外的另一种选择可能是一个很好的 ol' FRAME,顶部两部分一个框架,底部一个框架。如果您希望底部随内容一起滚动,则需要使用 AJAX 加载内容或使用两个 IFRAME。
    【解决方案3】:

    肯定是 AJAX。检查 jQuery 库,尤其是 $.get 方法。

    【讨论】:

    • 所以我有一个带有静态底部部分的主页,当链接点击发生时,它会获取和替换页面......?
    • 是的,是的。在这种情况下,如果您不发布值,则查看 $.load 会更有效。拥有一个 DIV 并在点击时更改其内容。
    • 另外,请告诉我这比 iframe 方法更好/更差。
    • iframe 会多次破坏某些浏览器中的页面布局。此外,iFrame 本身就是一个完全不同的页面。当您想从其他网站加载内容并嵌入时,iFrame 非常有用。
    猜你喜欢
    • 2012-11-30
    • 1970-01-01
    • 2012-10-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-28
    • 1970-01-01
    相关资源
    最近更新 更多