beste Weg, um php-Daten auf einer Seite für die Verwendung mit Javascript/jquery zu speichern?

Question

Ok, so im versuchen, herauszufinden, die schnellste Art der Speicherung von Daten auf meiner Seite ohne Verlangsamung der Seite laden:

• Ich muss die Informationen in der Seite speichern, die später von Jquery verwendet werden.
• Meine Seite ist eine Veranstaltungsseite und ich möchte Daten zu jedem Ereignisanker hinzufügen.
• es gibt mehr als 100 Ereignisse, denen Daten zugeordnet werden können.

Die Ereignisanker werden mit einer php-Schleife erstellt, Ich könnte also die Datenelemente innerhalb dieser Schleife entweder mit

1. nicht-semantische Tags verwenden, d.h. rel="some_data"
2. Erstellen einer jquery.data() für jede Iteration der Schleife

oder ich könnte die Schleife wieder laufen, separat, dieses Mal innerhalb von Skript-Tags mit jquery.data();

Ich würde mich sehr über jeden Gedanken dazu freuen!

Answer 1

Eine Möglichkeit wäre, serverseitig ein Javascript-Array oder -Objekt zu erzeugen, das alle Ereignisse enthält, und es als Javascript-Variable in die Seite einzubauen.

Im Grunde genommen:

• Auf der PHP-Seite :
  • Erstellen Sie eine Reihe von Ereignissen
  • Wandeln Sie es in Javascript um, indem Sie json_encode
  • Fügen Sie sie in die HTML-Seite ein.
• Und später, auf der JS-Seite :
  • Verwenden Sie einfach diese Javascript-Variable.

Das Tolle an dieser Lösung ist, dass sie für fast alle möglichen Arten von Daten funktioniert, ziemlich schnell ist und ziemlich einfach zu entwickeln ist.

Der generierte HTML+JS-Code würde wie folgt aussehen:

<script type="text/javascript">
    var myArrayOfEvents = [ ... ];
</script>

Und es könnte mit etwas PHP-Code wie diesem generiert werden:

<script type="text/javascript">
    var myArrayOfEvents = <?php echo json_encode($myEvents); ?>;
</script>

Es liegt natürlich an Ihnen, :

• Definieren Sie die gewünschte Struktur für Ihre Veranstaltungen
• Erstellen Sie es in PHP
• Verwenden Sie es in Javascript