jquery - 使用母版页和内容页的菜单驱动界面

Question

我似乎很难找到答案。我正在创建一个网站，其中主页（母版页）的标题中有一个漂亮的图形以及一个可以单击并收听歌曲的媒体播放器。该主页还将包含一个菜单，供用户导航到网站的各个部分（例如信息、联系人、媒体等）。我想要的是能够通过单击菜单项而不刷新母版页来更改内容部分，以便媒体播放器不会停止播放。我查看了 UpdatePanel，它似乎在回发时有很多开销来加载页面的内容（例如，可能是相册等）。是否有一种相当直接的方法可以使用 ajax 或 aps.net 内置的东西来执行此操作，从而允许在不刷新母版页的情况下更新内容页面？我' 我有点惊讶，考虑到很多网站都能够做到这一点，我还没有找到使用谷歌的可靠解决方案。也许我的措辞是错误的。;) 我使用的是基本的 asp.net 4 webform 模板，而不是 mvc。

Answer 1

据我所知，WebForms 没有比使用 UpdatePanels 更好的方法了。它们产生的开销是由于 WebForms 需要跟踪每个页面的 ViewState 的方式。

您可能可以使用框架来解决问题，但这对我来说似乎更糟。

Answer 2

你想要做的将是非常 ajaxy 和使用 jQuery 的大量 javascript .. 你会想要做类似的事情

$('#someMenuElement').click(function () {
     $.ajax(...) //Fetch your data here
});

page.successFetchMethod = function (data) {
    //Render your data here
}

您可以使用jsRender之类的东西来轻松地对页面进行模板渲染。获取页面后，您可以设置一个标志，以便您知道只设置显示，而不是重新获取。您甚至可以添加过期时间，以便在“x”秒过去后获取数据的新副本。