Positionsbestimmung - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 221

},
"Burgeramt": {
"Kategorie": "Burger",
"Position": {
"Longitude": 13.459539,
"Latitude": 52.510299
}
},
"Pesto i Pizza": {
"Kategorie": "Pizza",
"Position": {
"Longitude": 13.413776,
"Latitude": 52.511971
}
}
}

5

JSON ist ein sogenanntes objektorientiertes Datenaustauschformat: Ein Objekt wird
immer in geschweifte Klammern gesetzt und enthält mindestens ein Wertepaar. Der
»Schlüssel« des Wertepaars ist immer eine Zeichenkette, die in Anführungszeichen
geschrieben werden muss. Nach dem Schlüssel folgt, getrennt von einem Doppel-
punkt, der eigentliche Wert, also die Daten. Dies kann neben einer Zeichenkette oder
einer Zahl auch ein weiteres JSON-Objekt sein. Diese lassen sich also beliebig tief
ineinander verschachteln. Dabei ist die Einhaltung der Syntax extrem wichtig. Schon
ein vergessenes Komma führt zu einer veränderten Datenstruktur oder zu unlesba-
ren Daten. Ob Ihre Datei in Ordnung ist, überprüfen Sie am besten mit einem JSON
Validator wie JSONLint ( http://jsonlint.com /, Abbildung 5.15).

Mithilfe von jQuery können Sie die Daten von Ihrem Server laden. Dafür gibt es die
Funktion .getJSON , die eine JSON-Datei abrufen und verarbeiten kann.

$.getJSON('daten/restaurants.json?='+Date.now(), function(json){
$.each(json, function(restaurant, daten){
...
});
});

Der Funktion übergeben Sie zwei Parameter: Den Pfad bzw. die URL Ihrer JSON-Datei
und eine Funktion, die ausgeführt werden soll, sobald die Daten geladen wurden.
Dieser sogenannten Callback-Funktion wird das JSON-Objekt als Variable json über-
geben.