JSON: PHP und JavaScript

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • JSON ist ein kompaktes, unabhängiges Format Format zur Interoperabilität zwischen Anwendungen. Dieses Beispiel behandelt die Sprachen PHP und JavaScript.
    JSON, kurz für JavaScript Object Notation und gesprochen wie der Name Jason, ist ein kompaktes Computer-Format in für Mensch und Maschine einfach lesbarer Textform, zum Zweck des Datenaustauschs zwischen Anwendungen.

    == Wann benötigt man ein solches Format? ==
    Wollen wir zum Beispiel ein Personen-Objekt aus unserer C# Desktop Anwendung an unseren PHP Internet Server senden, so benötigen wir neben den Internet Protokollen auch einen Standard um Daten zwischen C# und PHP auszutauschen.

    Mit einer Semikolon-getrennten Liste kann man rudmentäre Daten super übertragen und in beiden Programmiersprachen ist es ein leichtes den Datensatz zu verwenden.

    Quellcode

    1. Max;Mustermann;Musterstraße 11;11111 Musterstadt;


    Verwenden wir stattdessen eine komplizierte, mehrdimensionale Struktur so sind diese s.g. CSV Datensätze nicht zu gebrauchen.
    Eine Lösung muss her: In diesem Beitrag wird die Lösung JSON anhand einer häufig verbreiteten Kombination "JavaScript und PHP" erläutert.

    Vergleichen wir zuerst wie wir eine Liste in beiden Sprachen ausgeben.

    == Liste in PHP verarbeiten ==

    Quellcode

    1. <?php
    2. // PHP Datenerhebung
    3. $data = array(
    4. array(
    5. 'firstname' => 'Max',
    6. 'lastname' => 'Mustermann',
    7. 'websites' =>
    8. array(
    9. 'http://www.easy-coding.de',
    10. 'http://www.coder-suche.de'
    11. )
    12. ),
    13. array(
    14. 'firstname' => 'Larry',
    15. 'lastname' => 'Page',
    16. 'websites' =>
    17. array(
    18. 'http://www.google.de',
    19. 'http://www.google.com',
    20. 'http://www.google.co.uk'
    21. )
    22. )
    23. );
    25. // PHP Daten ausgeben
    26. foreach($data as $row) {
    27. echo $row['firstname'];
    28. echo "<ul>";
    29. foreach($row['websites'] as $url) {
    30. echo "<li>{$url}</li>";
    31. }
    32. echo "</ul>";
    33. }
    34. ?>
    Alles anzeigen


    == Liste in JavaScript verarbeiten ==

    Quellcode

    1. <script type="text/javascript">
    2. // JavaScript Datenerhebung
    3. var data = new Object(
    4. {
    5. firstname : 'Max',
    6. lastname : 'Mustermann',
    7. websites : new Array(
    8. 'http://www.easy-coding.de',
    9. 'http://www.coder-suche.de'
    10. )
    11. },
    12. {
    13. firstname : 'Larry',
    14. lastname : 'Page',
    15. websites : new Array(
    16. 'http://www.google.de',
    17. 'http://www.google.com',
    18. 'http://www.google.co.uk'
    19. )
    20. }
    21. );
    23. // JavaScript Daten ausgeben
    24. for(var row in data) {
    25. var row = data[row];
    26. document.writeln(row['firstname']);
    27. document.writeln("<ul>");
    28. for(var url in row['websites']) {
    29. url = row['websites'][url];
    30. document.writeln("<li>"+url+"</li>");
    31. }
    32. document.writeln("</ul>");
    33. }
    34. </script>
    Alles anzeigen



    == Brücke von PHP nach JavaScript schlagen ==
    Sieht man von den syntaktischen Unterschieden der Sprachen ab, haben wir das selbe Beispiel mit zwei verschiedenen Programmiersprachen umgesetzt.
    In diesem Schritt wird die Brücke von PHP nach JavaScript geschlagen.
    Als Eingabestream werden wir nicht mehr das JavaScript Array "data" - sondern serialisieren stattdessen das PHP Array zu einem JSON String.

    Quellcode

    1. <?php
    2. // PHP Datenerhebung
    3. $data = array(
    4. array(
    5. 'firstname' => 'Max',
    6. 'lastname' => 'Mustermann',
    7. 'websites' =>
    8. array(
    9. 'http://www.easy-coding.de',
    10. 'http://www.coder-suche.de'
    11. )
    12. ),
    13. array(
    14. 'firstname' => 'Larry',
    15. 'lastname' => 'Page',
    16. 'websites' =>
    17. array(
    18. 'http://www.google.de',
    19. 'http://www.google.com',
    20. 'http://www.google.co.uk'
    21. )
    22. )
    23. );
    24. // Brücke zwischen PHP und JavaScript (serverseitig)
    25. $json = json_encode($data);
    26. ?>
    27. <script type="text/javascript">
    28. // JavaScript Datenerhebung
    29. var json = '<?= $json ?>';
    31. // Brücke zwischen PHP und JavaScript (clientseitig)
    32. var data = eval('(' + json + ')');
    34. // JavaScript Daten ausgeben
    35. for(var row in data) {
    36. var row = data[row];
    37. document.writeln(row['firstname']);
    38. document.writeln("<ul>");
    39. for(var url in row['websites']) {
    40. url = row['websites'][url];
    41. document.writeln("<li>"+url+"</li>");
    42. }
    43. document.writeln("</ul>");
    44. }
    45. </script>
    Alles anzeigen


    Im Klartext sieht der JSON String folgendermaßen aus:

    Quellcode

    1. var json = '[{"firstname":"Max","lastname":"Mustermann","websites":["http:\/\/www.easy-coding.de","http:\/\/www.coder-suche.de"]},
    2. {"firstname":"Larry","lastname":"Page","websites":["http:\/\/www.google.de","http:\/\/www.google.com","http:\/\/www.google.co.uk"]}]';


    == Ältere PHP Versionen ==
    PHP 5 bringt ein Modul mit, dass, weil es in C geschrieben ist, sehr performant arbeitet. Leider ist es nicht in allen Installationen vorhanden. Daher würde ich euch empfehlen zweigleisig zu fahren und eine Schnittstelle einzuführen, die bei Existenz der C-Funktion diese bevorzugt, bei Nichtexistenz aber eine andere verwendet.
    Diese Schnittstelle sieht folgendermaßen aus:

    Quellcode

    1. require_once 'Services_JSON.php';
    3. class JSON {
    4. /**
    5. * @param objekt -> PHP Objekt/Array/Variable
    6. * @param force -> Benutzung von Service_JSON erzwingen
    7. * @return -> JSON String
    8. */
    9. static public function encode($objekt, $force=false) {
    10. if(!function_exists('json_encode') || $force) {
    11. $tmp = new Services_JSON();
    12. return $tmp->encode($objekt)
    13. } else {
    14. return json_encode($objekt);
    15. }
    16. }
    18. /**
    19. * @param str -> JSON String
    20. * @param force -> Benutzung von Service_JSON erzwingen
    21. * @return -> PHP Objekt/Array/Variable
    22. */
    23. static public function decode($str, $force=false) {
    24. if(!function_exists('json_decode') || $force) {
    25. $tmp = new Services_JSON();
    26. return $tmp->decode($str)
    27. } else {
    28. return json_decode($str);
    29. }
    30. }
    31. }
    Alles anzeigen


    Es verwendet Services_JSON, das unter der BSD Lizenz steht und hier erhältlich ist: pear.php.net/pepr/pepr-proposal-show.php?id=198
    Nun zu einer Beispielimplementierung:

    Quellcode

    1. <?php
    2. require_once 'JSON.class.php';
    3. class Ob {
    4. public $arr = array("hans"=>"123", "peter"=>"456");
    5. public $x = 5;
    6. }
    8. $ob = new Ob();
    9. echo JSON::encode($ob);
    10. // Ausgabe = {"arr":{"hans":"123","peter":"456"},"x":5}

    16.514 mal gelesen