jQuery hash

介紹

jQuery hash 被設計用來作爲一種本地臨時存儲的解決方案，其實現基於 url 的 hash 部分。

通常狀況下，當頁面被刷新時，從新加載的頁面，須要經過 Ajax 恢復其原來的 UI 狀態。經過 cookie 存儲狀態當然是一種解決方式，但卻受限於 cookie 的大小，而經過 hash 卻可有針對性地保留用戶操做的臨時狀態信息。

使用方法

jQuery hash 按照 jQuery Cookie 的風格進行了「命名-值」對的封裝，兼容 jQuery Cookie 的通常用法。它被直接綁定到 jQuery 對象上，且只提供了 hash 方法，但有如下三種形式：

• hash("name", "value")：用於存儲值對；
• hash("name")：用於獲取值；
• hash("name", null)：用於刪除值對；

 1 <input type="button" value="設置值對" id="btn-set">
 2 <input type="button" value="獲取值" id="btn-get">
 3 <input type="button" value="刪除值對" id="btn-remove">
 4 
 5 <script type="text/javascript">
 6 (function($) {
 7 
 8 $(function() {
 9     $("#btn-set").click(function(event) {
10         $.hash(window.prompt("give a name please:"), window.prompt("give a value please"));
11     });
12 
13     $("#btn-get").click(function(event) {
14         alert($.hash(window.prompt("give a name please:")));
15     });
16 
17     $("#btn-remove").click(function(event) {
18         $.hash(window.prompt("give a name please:"), null);
19     });
20 });
21 
22 })(jQuery);
23 </script>