PHP Daten an JavaScript übergeben

[shambl3r]

Hallo,

also folgendes, ich lesen per PHP ne ziemlich große Menge Daten aus einer DB, soweit kein Problem, nun möchte ich diese Datensätz bzw. Teile jedes Datensatzes an eine Seite übergeben wo diese mit JavaScript weiterverarbeitet werden sollen.

Und da wär dann auch das Problem, wie bewerkstellige ich das?

Hoffe jmd kann mir helfen, ein Bsp. wär optimal.

[Falk Prüfer]

Hallo,

PHP ist eine serverbasierte Scriptsprache und JavaScript eine clientseitige. Beide können also nicht direkt miteinander kommunizieren. Dazwischen liegt das Protokoll (meist HTTP) und eine geeignete Sprache zur Darstellung der Daten, also sowas wie HTML oder XML.
Wenn du von einem PHP-Script generierte Daten in Javascript weiterverarbeiten willst, hast du prinzipiell mindestens zwei Möglichkeiten:
1. Dein PHP-Script generiert HTML-Code, welcher sowohl die Daten als auch den notwendigen Javascript-Code enthält.
2. Das PHP-Script wird per AJAX aufgerufen und liefert die Daten als XML zurück, welche dann vom aufrufenden Javascript weiterverarbeitet werden können.

Gruß Falk

[polysign]

Hi,

also am besten wäre die AJAX-Methode. Dazu musst du dich in JavaScript ein wenig einarbeiten. Oder du suchst dir eine schöne kleine Bibliothek welche dir hilft soclhe Lösungen zu programmieren. Sehr gute Bibliotheken gibt es viele.

Vorschläge:

- JQuery (www.jquery.com)
- Prototype (www.prototypejs.org)
- Google Suche hilft auch weiter...

Auf jeden Fall würde das nun folgendermassen funktionieren:

Deine eigentliche HTML Seite ruft mit JavaScript nun eine weitere PHP Datei auf. Diese PHP Datei gibt kein HTML, sondern nur XML oder JSON Daten aus. Diese Daten kannst du dann einfach mit JavaScript weiterverarbeiten oder zB mit einem .innerHTML in ein HTML-Objekt schreiben.

Hier ein kleines Beispiel mit Hilfe von jQuery:

$.getJSON("meinePHP.php", function(data) {
  $.each(data.items, function(i,item){
    $("<img/>").attr("src", item.media.m).appendTo("#images");
      if ( i == 3 ) return false;
    });
  });

Dieser Code ist als Beispiel auf der jQuery Homepage zu finden. Der Code lädt die Datei meinePHP.php und übergibt die JSON-Daten an die Funktion $.each() weiter, welche die Daten Eintrag für Eintrag durchläuft und die Informationen in einen IMG-Tag einfügt und das ganze an ein DIV mit der ID #images anhängt.

lg