2012-04-22 66 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