Javascript Widget之一JCookie-基于JQuery的Cookie增強插件
?
JQuery中的cookie 插件,
太過于簡單
,只是對cookie做一個簡單的封裝,在實際應用中還需要做大量的工作。所以一直想做一個增強型的cookie插件,更方便使用。
從需求的角度講,在電子商務應用當中,cookie的靈活應用對于用戶體驗非常重要,可以記憶用戶的經常重復性的操作,個人偏好,等等。可惜很多的應用,并不擅長使用cookie.經常是輸入一大堆搜索查詢條件、可選操作后,再回退、刷新、再次登錄后沒有了,還要重新輸入,非常惱火。所以我覺得能夠智能化的記住用戶的常用操作,是非常體貼用戶、讓用戶感動的事情。
從技術的角度講,一個high-level的javascript cookie API應當能夠:
?
1).保存一個復雜的javascript Object. 這個類實例里可以包含基本類型、類成員變量等。
2).保存一個復雜的DOM節點的狀態
? 如:保存一個表單中各種控件的狀態,如輸入框、下拉選擇框、單選復選框
3).界面的布局和風格,如Portal中用戶偏好的theme、窗口的大小、位置、個數等等。
4).用戶經常性的操作結果,如排序等等。
?
我編寫了一個增強型的基于Jquery的cookie插件JCookie(點此查看和下載Demo>>), 暫時以解決在實際應用中的問題為主。
?
使用方法:









var obj = new Object(); //你可以任意構造一個復雜成員變量的類實例。??
var key = 'form_id';??
$.cookie(key, obj);//保存一個實例??
var obj = $.cookie(key); //恢復一個實例
2.保存和恢復一個表單中的字段值到cookie中
?
3.保存和恢復一個Sortable List的順序到cookie中
$('#list3').cookie(); // 將list的各個item的順序保存到cookie中
$('#list3').decookie(); // 從cookie中恢復一個list的各個item的順序?
![]()
?sortable List 的HTML代碼如下:















posted on 2008-11-03 17:02 Speed 閱讀(4125) 評論(2) 編輯 收藏 所屬分類: 前端設計 、Javascript Widget 、JQuery