2016-07-11 5 views
-2

Я использую среду Django для веб-разработки. Я хочу прочитать файл JSON и распечатать его содержимое на веб-странице.Прочтите файл JSON с помощью JavaScript

Вот мой сценарий:

<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> 

Я сохранил свой файл JSON в следующем формате:

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

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

При запуске сервера, нет 404 ошибки, когда веб-страница запрос файла, однако, не появляется предупреждение.

+0

файл не является правильным json.' jsonstr' нужны окружающим двойных кавычек и все должно быть завернуто в '{}», что это первое, что есть {и последнее}. Но это сказало, что это может быть неважно, потому что, насколько я вижу, его обрабатывают больше как массив. – Greg

ответ

0

Вам не нужно разбирать контент, поскольку он уже JSON.

Попробуйте это:

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

должен работать.

Сказанное, XmlHttpRequest - лучший способ пойти в этом случае, я думаю.

0

нет необходимости разбирать

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

Не возвращает ли это строку, которая говорит '{{jsonstr.0.text}}'? Потому что это в цитате – M98

1

При запуске сервера, нет 404 ошибки, когда веб-страница запрашивает файл

Нет 404 Ошибки сервера вы имеете в виду , Консоль браузера все равно покажет вам ошибку 404, потому что вы используете файл: /// url для загрузки JSON.

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

Это должно быть либо HTTP: //, https: // или относительный URL как /segment2.json

0

Вы получите , потому что вы пытаетесь получить доступ к файлу внутри вашего локальный компьютер с file:/// приставки, а вот ваш дем в реальных словах:

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

<script type="text/javascript"> 
alert(jsonstr[0].text); 
</script> 
Смежные вопросы