json 파일 내용을 변수로로드하는 방법

Question

내 파일 시스템에 json 파일이 있습니다. 콘텐츠를 변수에로드하는 방법이 있습니까?

나는이 시도 :

vm.timeZones = require("timezones.json"); 

을하지만이 오류 제공 : 아마

ReferenceError: require is not defined 

Answer 1

jQuery.getJSON() 도움이됩니다. 참조

링크 : JQuery.getJSON

$.getJSON("test.json", function(json) { 
    console.log(json); // this will show the info it in firebug console 
}); 


function loadJSON(callback) { 
    var xobj = new XMLHttpRequest(); 
     xobj.overrideMimeType("application/json"); 
    xobj.open('GET', 'my_data.json', true); // Replace 'my_data' with the path to your file 
    xobj.onreadystatechange = function() { 
     if (xobj.readyState == 4 && xobj.status == "200") { 
      // Required use of an anonymous callback as .open will NOT return a value but simply returns undefined in asynchronous mode 
      callback(xobj.responseText); 
     } 
    }; 
    xobj.send(null); 
} 

function init() { 
loadJSON(function(response) { 
    // Parse JSON string into object 
    var actual_JSON = JSON.parse(response); 
}); 
} 

더 정보]에 대한

Answer 2

없음.

파일 시스템에서 직접이 아니라 HTTP를 통해 데이터를 읽는 경우 $http을 통해 Angular 초록이 XMLHttpRequest 객체 (또는 최신 브라우저에서 가져 오기)를 사용할 수 있습니다.

Firefox를 사용하는 경우 해당 방법을 사용하여 HTML 문서와 동일한 디렉토리 (또는 하위 디렉토리)에있는 로컬 파일을 읽을 수 있습니다. 다른 브라우저에는보다 엄격한 보안 규칙이 있습니다.

사용자가 파일을 선택하도록 허용 한 경우 (<input type="file">을 통해) FileReader API를 사용할 수 있습니다.

Answer 3

$http.get("timeZones.json") 
    .then(function onSuccess(response) { 
    // Handle success 
    var data = response.data; 
    var status = response.status; 
    var statusText = response.statusText; 
    var headers = response.headers; 
    var config = response.config;   
    //... 
    vm.timeZones = data; 
    }) 
    .catch(function onError(response) { 
    // Handle error 
    var data = response.data; 
    var status = response.status; 
    var statusText = response.statusText; 
    var headers = response.headers; 
    var config = response.config; 
    //... 
    }); 

이 AngularJS $http Service API Reference를 참조하십시오.