JavaScript를 사용하여 JSON 파일 읽기

Question

웹 개발을 위해 Django 프레임 워크를 사용하고 있습니다. JSON 파일을 읽고 해당 내용을 웹 페이지에 인쇄하고 싶습니다. 나는 다음과 같은 형식으로 내 JSON 파일을 저장 한

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

: 여기

내 스크립트의 내가 서버를 실행하면

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

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

, 아니 404 오류가 없을 때 웹 페이지 파일을 요청하지만 경고가 나타나지 않습니다.

Answer 1

이미 JSON이므로 콘텐츠를 구문 분석 할 필요가 없습니다.

이 시도 :

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

작동합니다.

그렇다면이 경우에는 XmlHttpRequest이 더 좋은 방법이라고 생각합니다. 내가 서버를 실행하는 경우에는 404 오류가

Answer 2

필요가

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

Answer 3

을 구문 분석하지 않으려면이 없을 때 웹 페이지 요청 파일

뜻 서버 없음 404 오류 . JSON을로드하기 위해 file : /// url을 사용하고 있기 때문에 브라우저 콘솔에 404 오류가 표시됩니다.

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

이해야 할 하나에 http : //, https를 : 당신이 내부 파일에 액세스하려고하기 때문에

Answer 4

당신은 404을 얻을 것이다 /segment2.json 같은 // 또는 상대 URL 당신의

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

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