2016-07-11 11 views
-2

Ich verwende das Django-Framework für die Web-Entwicklung. Ich möchte eine JSON-Datei lesen und deren Inhalt auf einer Webseite ausdrucken.Eine JSON-Datei mit JavaScript lesen

Hier ist mein Skript:

<script type="text/javascript" 
     src = "file:///home/pragna/myproject/myapp/templates/myapp/segment2.json"> 
</script> 

<script> 
    var mydata = JSON.parse(jsonstr); 
    alert(mydata[0].text); 
</script> 

ich meine JSON-Datei in folgendem Format gespeichert:

jsonstr = [ 
    { 
     "text": "this is the text", 
     "name" : "thisisme" 
    }, 

    { 
     "text": "some more text", 
     "name" :"thisisaname" 
    } 
] 

Wenn ich den Server ausgeführt wird, gibt es keine 404-Fehler, wenn die die Webseite fordert die Datei an, es wird jedoch auch keine Warnung angezeigt.

+0

die Datei ist nicht die richtige json.' ist jsonstr' doppelte Anführungszeichen erforderlich umgibt und die das alles sollte in '{}‘ gewickelt werden, daß ist das erste, was {und das Letzte} ist. Aber das sagte, es ist vielleicht egal, denn soweit ich sehen kann, wird es eher wie ein Array behandelt. – Greg

Antwort

0

Sie müssen den Inhalt nicht analysieren, da es bereits JSON ist.

Versuchen Sie folgendes:

<script type="text/javascript" src ="file:///home/pragna/myproject/myapp/templates/myapp/segment2.json"></script> 
    <script> 
     alert(jsonstr[0].text); 
    </script> 

funktionieren sollte.

Das sagte, XmlHttpRequest ist ein besserer Weg in diesem Fall zu gehen, denke ich.

0

keine Notwendigkeit

alert('{{ jsonstr.0.text }}'); 
+0

Gibt das nicht eine Zeichenfolge zurück, die '{{jsonstr.0.text}}' sagt? Weil es in einem Zitat ist – M98

1

zu analysieren Wenn ich den Server ausgeführt wird, gibt es keine 404-Fehler, wenn die die Webseite Anfragen die Datei

No 404 Fehler in dem Server, den Sie bedeuten . Die Browser-Konsole zeigt weiterhin einen 404-Fehler an, da Sie eine Datei mit der Datei: /// url zum Laden Ihres JSON verwenden.

<script type="text/javascript", src ="file:///home/pragna/myproject/myapp/templates/myapp/segment2.json"> </script> 

Dies sollte entweder http: //, https: // oder eine relative URL wie /segment2.json

0

Sie bekommen, weil Sie in Ihrem eine Datei zuzugreifen versuchen, lokalen Computer mit file:/// Präfix, und hier ist Ihre Demo in Echt Wort:

<script type="text/javascript" src ="http://www.mocky.io/v2/5797d7190f00005c0ef0809e"></script> 

<script type="text/javascript"> 
alert(jsonstr[0].text); 
</script>