자바 스크립트를 사용하여 json 파일에서 데이터를 저장하고 가져 오는 방법은 무엇입니까?

Question

약간의 CMS를 만들고 싶습니다. 이를 위해 필자는 CMS로 생성 된 파일 목록을 자동으로 생성하는 함수를 코딩하려고합니다. 이 목록은 HTML 파일로 표시되고 CSS로 스타일이 지정 될 수 있습니다. 이를 위해 json-File을 만들고 싶습니다.이 파일에는 새 파일의 제목과 위치가 저장되어 있습니다. 그런 다음 다음과 같아야합니다

{ 
    "new_sites": 
    { 
    "title": "source", 
    "otherTitle": "otherSource" 
    } 
} 

지금 내가 알고 싶은, 내가 얻을 수 (또는 새로운 저장)를 JSON 파일에서 데이터를하고 난에 표시 할 수 있도록 자바 스크립트의 변수로 사용하는 방법 html 페이지.

Answer 1

을 감안할 때이 세 가지 변수 :

var myNewSite = 'newSite'; 
var myNewTitle = 'newTitle'; 
var myNewSource = 'newSource'; 

및 최종 JSON 변수 이런 식으로 초기화 :

var myJson = {}; 

당신은 단순히 수 :

이

myJson[myNewSite] = { 
    myNewTitle: myNewSource 
}; 

Answer 2

당신이 JQuery와 API를 사용할 수 있습니다 json 파일에서 데이터 가져 오기. 당신은 디렉토리에 data.json 파일이 있어야한다.

<script> 
    var container={}; 
    $.getJSON('data.json', function(data) { 
    container=data; 
    }); 
</script>