利用html5 localStorage實現通用表單暫存功能的jquery插件
jquery.formLocalStorage 是一個實現通用表單暫存功能的jquery插件
原理:
監控表單域變化,并使用HTML5 WebStorage中的localStorage來存儲這些有變化的表單域的值,并在從新加載表單時將存儲的值載入回表單域中,從而實現暫存功能。
功能特點:
1.不與服務器端交互,存儲使用的是客戶端存儲,節省服務器資源。
2.代碼簡練,只需一小段代碼 $("#your_form_id").formLocalStorage(); 即可搞定,無需寫一大坨服務器端邏輯。
3.豐富的配置項,通過配置項可以自定義暫存內容的css,暫存加載完畢、存儲完畢與刪除完畢后的回調事件以及暫存的存儲命名規則。
用法1.缺省選項:
$("#your_form_id").formLocalStorage();
2.自定義選項:
$("#your_form_id").formLocalStorage({ storage_name_perfix : 'your_storage_name_perfix', storage_events : 'click' });
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!