자바 스크립트에서 json 배열의 값을 얻는 방법

Question

자바 스크립트에서 json 배열의 값을 가져 오려고합니다. 아래 자바 스크립트 파일의 일부입니다. 나는 값을 얻기 위해 jsondata.value을 사용하고 있습니다. 콘솔에 json 데이터를 올바르게 표시하지만 jsondata.value이 값을 가져 오지 않습니다.

Answer 1

"jsondata"가 DOM의 텍스트라고 생각하십니까? 그렇다면 DOM에서 "문자열"을 가져 와서 올바른 JavaScript 객체로 파싱하고 싶습니다. 이렇게하려면 적절하게 잡아해야합니다

var jsondata = document.getElementById("jsonArray").value; 

그럼이 시점에서 그것을

var jsondataObj = JSON.parse(jsondata); 

을 구문 분석 할 필요가 jsondataObj가 데이터입니다. 이를 그리드에 채우고 싶다면 원하는 방식으로 삽입하면됩니다. 이미 DOM에 데이터를 주입 했으므로 XHRHttpRequest가 필요하지 않습니다.

var gridOptions = { ... [your options here] }; 

document.addEventListener('DOMContentLoaded', function() { 
    var gridDiv = document.querySelector('#myGrid'); 

    new agGrid.Grid(gridDiv, gridOptions); 

    var jsondata = document.getElementById("jsonArray").value; 

    var jsondataObj = JSON.parse(jsondata); 

    function isNumeric(n) { 
     return !isNaN(parseFloat(n)) && isFinite(n); 
    } 

    var parsedData = jsondataObj.map(function(obj) { 
     return Object.keys(obj).reduce(function(memo, key) { 
      var value = obj[key]; 
      memo[key] = isNumeric(value) ? Number(value) : value; 

      return memo; 
     }, {}) 
    }) 

    console.log(parsedData); 

    gridOptions.api.setRowData(parsedData); 

});