javascriptのjson配列から値を取得する方法

Question

javascriptのjson配列から値を取得しようとしています。以下は、私のjavascriptファイルの一部です。私は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); 

});