的jQuery的getJSON（）似乎不正常工作

Question

我有什麼..

$.getJSON('ui-DashboardWidgetsGet.php', function(msg) 
    { 
     alert(msg); 
     if(msg.error == "yes"){console.log('Error Found: '+ msg.errorMsg);} 
     else 
     { 
      ztsDashboardJSON = msg; 
     } 
    }); 
var ztsDashboardJSONCount = ztsDashboardJSON.widgets[0].length; 

的轉儲

{ "widgets": [{ "column1": [ {"weight": 1, "bID": 1, "hideMe": false, "collapse": false, "titleOf": "Test 1", "colorOf": "color-yellow", "theFunction": "functionName"}, {"weight": 2, "bID": 2, "hideMe": false, "collapse": false, "titleOf": "Test 2", "colorOf": "color-green", "theFunction": "functionName"}, {"weight": 3, "bID": 3, "hideMe": false, "collapse": false, "titleOf": "Test 3", "colorOf": "color-blue", "theFunction": "functionName"} ], "column2": [ {"weight": 1, "bID": 4, "hideMe": false, "collapse": false, "titleOf": "Test 4", "colorOf": "color-white", "theFunction": "functionName"}, {"weight": 2, "bID": 5, "hideMe": false, "collapse": false, "titleOf": "Test 5", "colorOf": "color-red", "theFunction": "functionName"}, {"weight": 3, "bID": 6, "hideMe": false, "collapse": false, "titleOf": "Test 6", "colorOf": "color-orange", "theFunction": "functionName"} ], "column3": [ {"weight": 1, "bID": 7, "hideMe": false, "collapse": false, "titleOf": "Test 7", "colorOf": "color-white", "theFunction": "functionName"}, {"weight": 2, "bID": 8, "hideMe": false, "collapse": false, "titleOf": "Test 8", "colorOf": "color-green", "theFunction": "functionName"}, {"weight": 3, "bID": 9, "hideMe": false, "collapse": false, "titleOf": "Test 9", "colorOf": "color-blue", "theFunction": "functionName"} ] }]} 

有效期爲每http://jsonlint.com/

它要求PHP從數據庫中回顯出來，它只是回聲，沒有別的。但我想，結果在JavaScript的工作似乎存在之後，它不會是我提供我想要的東西..

我的錯誤：

ztsDashboardJSON.widgets is undefined [Break On This Error] var ztsDashboardJSONCount = ztsDashboardJSON.widgets[0].length;

Answer 1

您需要：

var ztsDashboardJSONCount = ztsDashboardJSON.widgets.length; // length is 1 

因爲「窗口小部件」是映射到對象數組的鍵。

如果你想獲得一個列的長度，你可以這樣做：

ztsDashboardJSON.widgets[0].column1.length; // length is 3 

Demo here.

要遍歷你的對象，以充分利用所有的部件，列和列值，你可以這樣做：

var widgets = ztsDashboardJSON.widgets; 

$.each(widgets, function(i, val) { 
    console.log("widget number" + i); 
    $.each(val, function(i2, val2) { 
     console.log(i2); 
     $.each(val2, function(i3, val3) { 
      console.log(val3.weight); 
      console.log(val3.bID); 
      console.log(val3.hideMe); 
      console.log(val3.titleOf); 
      console.log(val3.colorOf); 
      console.log(val3.theFunction); 
     }); 
    }); 
}); 

Demo here.