2013-04-30 94 views
0

我們有一個搜索表單,允許用戶搜索頁面上的項目。如何讓我的頁面記住用戶的上次操作?

另外還有一種帶複選框的形式,允許用戶優化他們的搜索,希望減少搜索結果的數量。例如,如果我在搜索框中輸入McCland並返回前進McCland的13個結果,則可以單擊Advanced search並呈現一堆複選框。

我可以再檢查,"Road","LandMarks"等。然後,我可以再次點擊麥克蘭搜索。

這次只有街道或道路或LandMarks的地址會顯示,如果有的話。

This works great。

然後有一個Remember This Action圖標。

到目前爲止,我的最大挑戰是讓用戶點擊這個Remember This Action圖標並保存其當前結果。

這樣,下次他們訪問該頁面時,他們先前搜索到的結果會呈現給他們,除非他們選擇使用其他選項進行搜索。

如果他們點擊這個Remember This Action圖標,系統會提示他們一條消息,說明他們將要保存當前的結果。

他們可以點擊是保存或取消不保存。

我懷疑這將用cookies(jquery或Javascriot)完成,但我不知道如何做到這一點。

任何幫助,非常感謝。

+1

查找到'localStorage' /'的sessionStorage ':https://developer.mozilla.org/en-US/docs/DOM/Storage – Ian 2013-04-30 17:40:26

回答

0

如果你正在尋找您可以使用JQuery的Cookie的插件jQuery的解決方案:https://github.com/carhartl/jquery-cookie

你的代碼可能是這個樣子:

//Set the action 
$.cookie('last_action', 'the_action'); 

//Get the action 
var last_action = $.cookie('last_action'); 
if (typeof last_action != 'undefined') { 
    // show last action 
} else { 
    //show default 
} 
+0

謝謝@Ryan。 讓我們假設從上面的例子中,我只是通過街道,道路和LandMarks的麥克蘭地址,我希望記住我搜索的內容以及下次訪問該頁面時的結果,我將如何修改您的代碼? 伊恩,我仍然在閱讀你提供的鏈接。謝謝。 – Kenny 2013-04-30 18:05:26

+0

將搜索字段文本保存在一個cookie中,然後將選中複選框的json數組保存到另一個cookie中。 (或者,您可以爲每個複選框的值創建一個新的Cookie。)當頁面加載時,檢查是否設置了cookie並填寫搜索字段並根據保存的值檢查框。 – 2013-04-30 18:13:18

+0

對不起,我沒有明白你的意思。 @Ryan,那個鏈接上的例子非常複雜。 – Kenny 2013-05-01 13:04:38