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









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















posted on 2008-11-03 17:02 Speed 閱讀(4118) 評(píng)論(2) 編輯 收藏 所屬分類: 前端設(shè)計(jì) 、Javascript Widget 、JQuery