如何让我的页面记住用户的上一个操作?

时间:2013-04-30 17:37:50

标签: javascript jquery

我们有一个搜索表单,允许用户搜索页面上的项目。

还有另一种带有复选框的表单,允许用户优化搜索,希望减少搜索结果的数量。

例如,如果我在搜索框中输入McCland并返回13个结果麦克兰的结果,我可以点击Advanced search并呈现一堆复选框。

然后,我可以检查"Street""Road""LandMarks"等。然后,我可以再次点击对McCland的搜索。

这次,如果可用,只会显示带有Street或Road或LandMark的地址。

这很有效。

然后有一个Remember This Action图标。

到目前为止,我面临的最大挑战是允许用户点击此Remember This Action图标并保存其当前结果。

这样,下次他们访问该页面时,他们之前搜索过的结果会显示给他们,除非他们选择使用其他选项进行搜索。

如果他们点击此Remember This Action图标,系统会提示他们提供一条消息,说明他们即将保存当前的结果。

他们可以单击是以保存,或单击取消以不保存。

我怀疑这将使用cookies(jquery或Javascriot)完成,但我不知道该怎么做。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

如果您正在寻找jQuery解决方案,可以使用JQuery Cookie插件: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
}