Wie können Daten im DOM richtig gespeichert werden?

7

Ich habe kürzlich das Title-Tag in verschiedenen HTML-Elementen verwendet, um Daten im JSON-Format im DOM zu speichern.

Ist das ein schlechter Ansatz (ich gehe davon aus, dass es ist)? Was ist der richtige Weg, dies zu erreichen, der mit jQuery gut funktioniert? Mit "funktioniert gut" meine ich

%Vor%

Funktioniert ziemlich gut, aber ich gehe wieder davon aus, dass es einen besseren Weg gibt, das zu tun, nein?

PS: Wie funktioniert das Titel-Tag von HTML-Elementen? Ich kann nicht finden, wo es tatsächlich benutzt wird?

PSS: Kann ich auch eine jQuery-basierte und keine jQuery-Antwort erhalten? (Tut mir leid, pingelig zu sein)

    
Maxim Gershkovich 22.12.2010, 06:37
quelle

4 Antworten

9
%Vor%

Das ist fast ein legaler Grund, dich zu schlagen! (j / k)

Sie sollten Ihr eigenes Namespace-Objekt verwenden, um Daten "global" zu speichern. In diesem Zusammenhang bedeutet global nur global in Ihrem Anwendungscode und nicht die global object ( window in einem Browser).

%Vor%

Dies ist natürlich eine sehr grundlegende Strategie. In Ihrem speziellen Fall können Sie auch die Methode .data() von jQuery verwenden, um Daten an einen DOM-Knoten anzuhängen.

%Vor%

Ref .: .data () , jQuery.data ()

    
jAndy 22.12.2010, 06:44
quelle
8

In Ihrem Beispiel würde ich vorschlagen, Folgendes zu tun, was Sie nicht den Sicherheitsrisiken von 'eval' aussetzt:

%Vor%

Im Allgemeinen ist es ein gültiger Ansatz, um nicht sichere Daten zu speichern. Sie haben auch eine Reihe anderer Optionen:

  • Verwenden Sie JQuerys .data () Methoden:

    myData = $ this.data ("foo");

  • In HTML5 können Sie nun benutzerdefinierte Datenattribute (zB "") als Attribut für ein beliebiges Element verwenden. Ссылка

  • Sie können den lokalen Speicher verwenden, wenn Sie wissen, dass er verfügbar ist. Ссылка

  • Sie könnten Backbone.js zusätzlich zu Jquery verwenden, um Ihnen einen abstrahierteren Umgang mit Ihren Daten als Models zu ermöglichen. Ссылка

stef 22.12.2010 06:54
quelle
4

Verwenden Sie jquery data ()

  

Die Methode jQuery.data () ermöglicht es uns   Daten an DOM anhängen   Elemente in einer Weise, die sicher ist   Zirkelbezüge und daher frei   aus Speicherlecks. jQuery sorgt dafür   Die Daten werden bei DOM-Elementen entfernt   werden über jQuery-Methoden entfernt und   wenn der Benutzer die Seite verlässt. Wir können   Legen Sie mehrere unterschiedliche Werte für a fest   einzelnes Element und sie abrufen   später:

%Vor%     
Haim Evgi 22.12.2010 06:39
quelle
0

In der jQuery-Welt wird üblicherweise empfohlen, das Metadaten-Plugin zu verwenden, da es sich um ein offizielles jQuery-Plugin handelt und auch HTML5-Datenattribute unterstützt. Für weitere Informationen können Sie sich diese Ссылка

ansehen     
Krishna Chytanya 22.12.2010 06:43
quelle

Tags und Links