Question

我正在使用此脚本将JSON数据从文件中检索到我的页面。

$.getJSON('json/data.json', function(data) {
  $('#getJSON-results').html(JSON.stringify(data)); 
});
<div id="getJSON-results"></div>

现在它jsut将JSON文件中的所有数据显示为页面上的字符串。我如何从我的JSON文件中获取数据并将每个数组放入变量中？我在JSON文件中的数据如下所示：

[{"target": "summarize(first, \"1d\", \"sum\")", "datapoints": [[38.393148148148143, 1423958400], [90.800555555555633, 1424044800], [159.06037037037032, 1424131200], [245.5933333333335, 1424217600], [126.94796296296299, 1424304000], [120.37111111111113, 1424390400], [103.04148148148151, 1424476800], [99.273796296296368, 1424563200], [89.38203703703708, 1424649600], [92.970462962963012, 1424736000], [105.62666666666664, 1424822400], [110.33962962962967, 1424908800], [118.54981481481482, 1424995200], [100.08018518518523, 1425081600], [92.52277777777779, 1425168000], [98.647619047618974, 1425254400], [94.585000000000008, 1425340800], [85.568796296296284, 1425427200], [157.82222222222222, 1425513600], [109.7596296296296, 1425600000], [112.53324074074077, 1425686400], [89.392592592592649, 1425772800], [97.253518518518518, 1425859200], [73.424629629629635, 1425945600], [92.377592592592578, 1426032000], [76.117870370370397, 1426118400], [77.83953703703699, 1426204800], [66.643518518518533, 1426291200], [63.748055555555531, 1426377600], [137.30018518518517, 1426464000], [53.480648148148134, 1426550400]]},
{"target": "summarize(second, \"1d\", \"sum\")", "datapoints": [[2.7291600529100535, 1423958400], [5.7797089947089892, 1424044800], [3.4261574074074059, 1424131200], [5.0516335978835958, 1424217600], [6.2272420634920582, 1424304000], [11.752605820105822, 1424390400], [7.8688624338624269, 1424476800], [5.7305555555555525, 1424563200], [5.2784391534391499, 1424649600], [6.4652380952380897, 1424736000], [4.7690277777777741, 1424822400], [4.1451587301587258, 1424908800], [8.4178902116402039, 1424995200], [4.7948611111111061, 1425081600], [4.8153835978835939, 1425168000], [5.3873148148148111, 1425254400], [7.2819378306878262, 1425340800], [5.2084391534391488, 1425427200], [8.098492063492051, 1425513600], [5.6563822751322697, 1425600000], [5.3091468253968195, 1425686400], [4.7850396825396793, 1425772800], [3.8716931216931179, 1425859200], [3.1934325396825369, 1425945600], [3.2083531746031722, 1426032000], [3.3434391534391512, 1426118400], [3.6162235449735438, 1426204800], [3.2094179894179891, 1426291200], [2.3699537037037026, 1426377600], [4.3973544973544945, 1426464000], [2.1901388888888893, 1426550400]]}, 
{"target": "summarize(third, \"1d\", \"sum\")", "datapoints": [[5.3710185185185182, 1423958400], [11.25367724867724, 1424044800], [8.2990079365079268, 1424131200], [8.710694444444437, 1424217600], [9.6381216931216898, 1424304000], [9.3845105820105807, 1424390400], [9.7305820105820047, 1424476800], [8.6268055555555474, 1424563200], [10.589166666666673, 1424649600], [10.235462962962957, 1424736000], [10.455892857142853, 1424822400], [14.282407407407405, 1424908800], [17.774404761904758, 1424995200], [18.154120370370364, 1425081600], [16.249543650793651, 1425168000], [15.29764550264551, 1425254400], [16.267671957671972, 1425340800], [20.121488095238096, 1425427200], [27.007685185185196, 1425513600], [17.577962962962971, 1425600000], [17.020873015873018, 1425686400], [14.627685185185191, 1425772800], [15.824821428571433, 1425859200], [11.837579365079364, 1425945600], [13.292539682539683, 1426032000], [12.064074074074073, 1426118400], [12.279457671957676, 1426204800], [9.3799074074073978, 1426291200], [7.8777314814814732, 1426377600], [13.161825396825407, 1426464000], [7.2587499999999956, 1426550400]]}]

我是使用JSON的新手，也对我正在采取的方法有任何建议。

我现在如何才能在getJSON之外使这些数据成为可能？

    $.getJSON('json/data.json', function(data) {
      yourData = data;
      makeMeGlobal = yourData[0]; 



    });
     console.log(makeMeGlobal.datapoints);

Answer 1

应该是：

 data.forEach(function (obj) {
     // obj now has each JSON object in this array
     var test = obj.target;
 }

当您从AJAX获得JSON时，它已经可以在浏览器中使用了。这是使用JSON而不是XML的好处之一。

Answer 2

将您的功能更改为以下内容将导致您可以正常引用的对象：

$.getJSON('json/data.json', function(data) {
  yourData = data;
});

然后你可以得到第一组这样的数据点：

yourData.datapoints[0]

Answer 3

它已经是一个数组，因为原始的JSON字符串是由jQuery解析的。如果您使用stringify，您将获得一个string，其中包含代表数组的JSON（对您的用途没有用，因为它与服务器返回的字符串相同）。

例如：

$.getJSON('json/data.json', function(data) {
    // Here, data is already an array.
    var data_length = data.length;
    for (var i = 0; i < data_length; i++) {
        var obj = data[i]; // Here we have an object from the array
        alert("I have an object which target is " + obj.target);
    }
});

Answer 4

你需要遍历json来检索你需要的值并附加html.More infor @ https://stackoverflow.com/a/18238241/909535这样的东西

`$.getJSON('json/data.json', function(data){
 data.forEach(
                    function(val, index, array) {
                        //val.target will have target attribute's value
                        //val.datapoints is a array which you can iterate   

                    }
                );
            }
    );`

getJSON数据将数组项添加到变量

4 个答案: