2012-04-22 71 views
1

我正在学习制作mvc3 + jquery.ajax产品搜索页面。它采用搜索关键字和下拉类别过滤器,并返回一个产品的数据网格作为结果,也有一个ajax导航面包屑链接像家>电子产品> LG> BD & DVD播放器...在搜索结果的顶部,作为人过滤进一步进入结果。但是,一旦我点击F5(刷新)按钮,它们就会消失,就好像我刚进入搜索页面一样。mvc ajax刷新以保留搜索结果

我无法在Internet上找到好的教程。什么是建议的方式来保持页面的当前状态在ajax + mvc3?你能给我一个例子,或者一个好的教程链接吗?

非常感谢。

编辑:这些是GET数据,一个解决方案可能会添加散列,如#Home_Electronics_LG_BD_DVD_Players。 如果我想要POST数据,或者当我来填写运输表单,该怎么办?在这种情况下,哈希#似乎不是一个解决方案。

+0

你看着网址片段? http://stackoverflow.com/questions/1457/modify-address-bar-url-in-ajax-app-to-match-current-state – 2012-04-22 03:00:47

+0

@ShaunRowan是的,我做了一些挖掘。我刚刚更新了这篇文章,指出#哈希可能是一个解决方案,但如果我们处于POST数据的情况呢? – Tom 2012-04-22 03:07:03

+0

您是否期望用户能够将数据输入到表单中,点击刷新并使数据仍然被填充?这不是它应该如何工作... – 2012-04-22 03:21:19

回答

0

我相信你所描述的是一个“单页应用程序”体系结构。正确做SPA是相当困难的,所以要做好长期的学习准备。

此网页可能会对您有所帮助。它包含一个演示SPA应用程序和一个完整的教程。

http://addyosmani.com/blog/building-spas-jquerys-best-friends/

这是在PHP,而不是净,但也可能是一些概念很有帮助。

值得一提的是,MVC4引入了一个新的SPA架构,这可能是值得探讨:

http://www.asp.net/single-page-application