[JavaScript] JSON lesen

Hallo,

vorneweg: Ich bin ein JavaScript-Noob.

Bei unserem Webportal zur Ferienhausverwaltung (Uniprojekt, nix wofür ich Geld bekomm) wird auf der Startseite eine Bing Map angezeigt, welche die verfügbaren Häuser anzeigen soll. Die Häuser haben Latitute und Longitude gespeichert und mein Plan war die Daten JSON-formatiert irgendwie ins HTML Dokument zu schreiben, das eben auch die Karte enthält. Nach dem Laden der Karte wird mit JS der JSON-Block ausgelesen und die Pushpins in die Karte eingefügt.

Erster Versuch mit hidden input field: Läuft nicht, da JSON Anführungszeichen enthält. Und wenn ich die escape ist es ja kein JSON mehr, oder?

Zweiter Versuch mit div-Block und opacity=0: Hab eben dank Chrome Dev Tools herausgefunden, dass document.getElementById(jsonID) NICHT den Inhalt des div-Blocks zurückgibt

Jetzt bin ich ein bisschen ratlos, vor allem weil es sicher bessere Lösungen gibt. Hat bitte wer einen Tip?

tia!

Allgemeines Ziel ist dass in der Karte Pins angezeigt werden, die eine Kurzbeschreibung des jeweiligen Hauses, ein Bild und solche Sachen enthalten. Mit KML-Daten in Layer importieren (ähnlich wie hier unter "Import data into shape layers") hab ich es auch schon probiert. Das würde gehen, ist aber unpraktikabel weil die KML Datei im Internet sein muss.

Zitat von Rektal

Mit "JSON-formatiert irgendwie ins HTML" kann ich jetzt nicht viel anfangen .. was soll das Ziel sein? Wenn du von hidden input sprichst, meinst du also nicht dem User irgendwie präsentieren?

Ist in der Tat ungenau formuliert, sorry Das "irgendwie" kommt daher, da ich nicht weiß, was die beste Variante ist. Es soll nur für JS lesbar im HTML Dokument stehen. Der User soll das JSON nicht sehen (wozu auch?). Das Ziel ist, dass eine JS-Funktion das JSON lesen und umwandeln kann, damit sie dann die Pushpins zur Karte hinzufügt.

Zitat von Rektal

document.getElementById macht im Prinzip was der Name sagt "hol mir das DOM Element mit der angegebenen ID", siehe z.B. https://developer.mozilla.org/en/DO....getElementByID

Hab ich gemerkt. Dachte aber, dass ohne weitere Angaben der Inhalt geliefert wird.

Zitat von Rektal

Um den Inhalt eines Dom-Elementes zu lesen oder zu setzen gibts mehrere Wege und je nach Browser funktionieren die anders, würde daher vorschlagen eine JS Lib zu verwenden die das X-Browser macht, z.B. jQuery.

Hm, jQuery haben wir sowieso schon drin. Welchen Teil der Library sollte ich mir da anschauen?

//Edit: Ah, feine Sache. Mit $('#jsonID').html() gehts Nur will jetzt die eval-Funktion mein valides JSON nicht lesen

///Edit: Statt eval() JSON.parse() und Variable richtig ansprechen, dann funktionierts Danke für den Hint auf jQuery!

Schau mal mit Firebug ob auf den anderen Seiten auch wirkliche alle Daten geladen werden konnten (sprich JS), nicht das es da wegen Pfaden oder so 404er Fehler gibt.

Würde ich zuerst mal fixen, hatte ich letzte Woche auch: 2 Mal geladen, nix ging.

Uhm .. kenne die Chrome Dev-Tools nicht ... musst analysieren wie es dazu kommt; wenn du es nicht offensichtlich als 2. URL wo stehen hast wird es ev. über einen JS code dynamisch geladen. Firebug Netview und ev. Fiddler2 ftw.

Stand der Dinge: Die Netzwerkansicht von Firebug sagt, dass auf der Startseite die Skripte normal 1x geladen werden. Danach aber gar nicht mehr. Auskommentieren der <script> Tags im Header bewirkt, dass die Skripts nicht mehr geladen werden.

Ich hab im Moment ja das ModelAndView Objekt und die Controller des Spring Frameworks in Verdacht, dass die irgendwas cachen/speichern und so erneutes Laden verhindern.

Update: Liegt nicht dran, dass Scripts 2x geladen werden - jQuery Datepicker läuft.

Was ich herausgefunden habe: $(document).ready() wird auf jeder Seite aufgerufen, die eine Bing Map enthält, bei anderen nicht WTF!

//Habe document.ready abgeändert und frage auf null ab - schätz dass es deswegen auf Seiten ohne Map nicht funktioniert hat.

http://pastebin.org/315437

Nur jetzt kommt gar kein alert mehr. Nie. Karten und Datepicker funktionieren aber

Ein Skript vor </body> gefällt mir nicht so, weil ich dann ein include in jede JSP bauen muss. Behalte ich aber als Notlösung im Hinterkopf, danke

Live-URL is leider blöd, weil das Ding gar nie wirklich online gehen soll läufts halt nur lokal Und ich hab keine Lust mir einen free Webspace mit Tomcat zu suchen...

Was anderes: Manchmal funktioniert die Karte aus heiterem Himmel nicht, weil laut Dev Tools "GetMap not defined" ist. Die steht aber 1 Skript drüber, sieht man eh im ersten pastebin-Link, und war sonst auch immer da. An der Reihenfolge der Skripts habe ich nichts geändert, Working Directory gecleaned etc. hab ich auch. Absichtlich hab ich sie dann nicht mehr zum Laufen gebracht.