JS에서 로컬 json 파일로드

Question

JavaScript에서 내 앱에 JSON 파일을로드해야합니다.

JSON 파일은 다음과 같이이다 :

{ 
    "list": [ 
    { 
     "item1": "text", 
     "item2": "text", 
     "item3": "text", 
     "item4": "text" 
    }, 
    { 
     "item1": "text", 
     "item2": "text", 
     "item3": "text", 
     "item4": "text" 
    }, 
    ... 
    ] 
} 

내가 검색 한, 그러나 나는 항상 AJAX와 PHP를 사용하여 솔루션을 찾을 수 있습니다,하지만 난하지 (내가 할 수없는) 어떤 PHP 서버를 사용합니다. 그래서 jQuery와 getJson() 함수의 측면에서 살펴 봤지만 작동하지 않습니다. 자바 스크립트 JSON.parse()이 내 파일에서 작동하지 않았습니다.

JavaScript 나 다른 API를 사용하여 로컬 파일을로드하는 방법을 알고 있습니까?

Answer 1

javascript를 사용하여 로컬 파일을 열 수 없습니다. 브라우저가 허용하지 않습니다. 보안상의 문제입니다. (HTML5 FileAPI를 사용하기 위해 저장하지만, 사용자가 묻는 것이라고 생각하지 않습니다.)

그러나 웹 서버에 .json 파일을 배치하고 jquery를 사용하여 URL을 통해로드 할 수 있습니다.

$.getJSON("http://yourdomain.com/somefolder/test.json", function(data) { 
    //do something here with json data 
}); 

http://api.jquery.com/jquery.getjson/