Heim > Web-Frontend > js-Tutorial > Hauptteil

JQUERY bildet das temporäre Speicherfunktions-Plug-in „sharing_jquery'.

WBOY
Freigeben: 2016-05-16 15:14:11
Original
1655 Leute haben es durchsucht

jquery.formLocalStorage ist ein JQuery-Plug-In, das die universelle temporäre Speicherfunktion für Formulare implementiert

Prinzip:

Überwachen Sie Änderungen in Formularfeldern, verwenden Sie localStorage im HTML5-WebStorage, um die Werte dieser geänderten Formularfelder zu speichern, und laden Sie die gespeicherten Werte beim erneuten Laden des Formulars wieder in die Formularfelder, wodurch die temporäre Speicherfunktion implementiert wird .

Eigenschaften:

1. Verwenden Sie keinen serverseitigen Speicher, um Serverressourcen zu sparen.

2. Wenn Sie die Standardkonfiguration verwenden, brauchen Sie nur einen kurzen Codeabschnitt $("#your_form_id").formLocalStorage(); der serverseitigen Logik.

3. Umfangreiche Konfigurationselemente und Standardwerte Sie können den Stil des temporären Inhalts, die Rückrufereignisse nach dem Laden, Speichern und Löschen des temporären Speichers sowie die Benennungsregeln für den temporären Speicher anpassen. Sie können auch Standardwerte verwenden und so den übermäßigen Konfigurationsaufwand reduzieren.

Verwendung:

1. Standardkonfiguration verwenden:

$("#your_form_id").formLocalStorage();
Nach dem Login kopieren

2. Benutzerdefinierte Konfiguration verwenden:

$("#your_form_id").formLocalStorage({
  storage_name_perfix : 'your_storage_name_perfix', //自定义暂存存储的命名前缀
  storage_events : 'click' //自定义暂存触发事件
});
Nach dem Login kopieren

Bekannte Probleme:

1. Einige dynamisch in Formularelemente geschriebene Inhalte können nicht überwacht und nicht vorübergehend gespeichert werden.

2. Der Standard-Speichername_perfix ist this.context.URL form_selector „@“. Wenn sich dieser.context.URL nach der Übermittlung ändert, wird der temporäre Speicher am besten nicht als Standardwert verwendet storage_name_perfix

Plug-in-Download http://xiazai.jb51.net/201602/yuanma/jquery.formLocalStorage(jb51.net).zip

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage