爲什麼我使用ajax與Google GeoChart API失敗

Question

我是javascript的新手。我試圖用Google Geochart創建一個不錯的報告。 從示例，代碼應該想：

function drawRegionsMap() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Country', 'Popularity'], 
      ['Germany', 200], 
      ['United States', 300], 
      ['Brazil', 400], 
      ['Canada', 500], 
      ['France', 600], 
      ['RU', 700] 
     ]); 

     var options = {}; 

     var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); 
     chart.draw(data, options); 
    }; 

而在我的情況下，該數據是從Ajax請求。所以我改變我的代碼爲：

function drawRegionsMap() { 
var jsonData = $.ajax({ 
     url: "json/geo.pl", 
     dataType: 'json', 
     async: false 
     }).responseText; 

      var data = google.visualization.arrayToDataTable(jsonData); 

      var options = {}; 

      var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); 
      chart.draw(data, options); 
     }; 

但它不適用於我。 Firefox中的錯誤消息是「錯誤：不是數組」。 希望有人能幫助我。謝謝！

JSON/geo.pl的輸出是： -bash-4.1 $ JSON/geo.pl

Content-Type: application/json; charset=ISO-8859-1 

[ 
    [ 
     "Country", 
     "Uploads" 
    ], 
    [ 
     "AL", 
     1 
    ], 
    [ 
     "AP", 
     1 
    ], 
    [ 
     "AR", 
     47 
    ], 
    [ 
     "AT", 
     25 
    ], 
    [ 
     "AU", 
     75 
    ], 
    [ 
     "AZ", 
     10 
    ], 
    [ 
     "BD", 
     4 
    ], 
    [ 
     "BE", 
     65 
    ], 
    [ 
     "BG", 
     15 
    ], 
    [ 
     "BN", 
     1 
    ], 
    [ 
     "BR", 
     177 
    ], 
    [ 
     "CA", 
     536 
    ], 
    [ 
     "CH", 
     37 
    ], 
    [ 
     "CI", 
     3 
    ], 
    [ 
     "CL", 
     35 
    ], 
    [ 
     "CN", 
     947 
    ], 
    [ 
     "CO", 
     4 
    ], 
    [ 
     "CS", 
     1 
    ], 
    [ 
     "CY", 
     2 
    ], 
    [ 
     "CZ", 
     20 
    ], 
    [ 
     "DE", 
     135 
    ], 
    [ 
     "DK", 
     51 
    ], 
    [ 
     "DO", 
     1 
    ], 
    [ 
     "EE", 
     26 
    ], 
    [ 
     "ES", 
     53 
    ], 
    [ 
     "EU", 
     2 
    ], 
    [ 
     "EU", 
     9 
    ], 
    [ 
     "FI", 
     19 
    ], 
    [ 
     "FR", 
     183 
    ], 
    [ 
     "GB", 
     341 
    ], 
    [ 
     "GE", 
     14 
    ], 
    [ 
     "GR", 
     11 
    ], 
    [ 
     "HK", 
     94 
    ], 
    [ 
     "HR", 
     2 
    ], 
    [ 
     "HU", 
     7 
    ], 
    [ 
     "ID", 
     37 
    ], 
    [ 
     "IE", 
     36 
    ], 
    [ 
     "IL", 
     122 
    ], 
    [ 
     "IN", 
     543 
    ], 
    [ 
     "IS", 
     5 
    ], 
    [ 
     "IT", 
     129 
    ], 
    [ 
     "JP", 
     200 
    ], 
    [ 
     "KG", 
     4 
    ], 
    [ 
     "KR", 
     451 
    ], 
    [ 
     "LB", 
     3 
    ], 
    [ 
     "LK", 
     1 
    ], 
    [ 
     "LT", 
     5 
    ], 
    [ 
     "LU", 
     4 
    ], 
    [ 
     "MA", 
     2 
    ], 
    [ 
     "MD", 
     3 
    ], 
    [ 
     "MO", 
     3 
    ], 
    [ 
     "MU", 
     2 
    ], 
    [ 
     "MX", 
     77 
    ], 
    [ 
     "MY", 
     43 
    ], 
    [ 
     "NG", 
     1 
    ], 
    [ 
     "NI", 
     1 
    ], 
    [ 
     "NL", 
     33 
    ], 
    [ 
     "NO", 
     27 
    ], 
    [ 
     "NZ", 
     4 
    ], 
    [ 
     "OM", 
     1 
    ], 
    [ 
     "PA", 
     4 
    ], 
    [ 
     "PH", 
     9 
    ], 
    [ 
     "PK", 
     20 
    ], 
    [ 
     "PL", 
     76 
    ], 
    [ 
     "PT", 
     14 
    ], 
    [ 
     "PY", 
     2 
    ], 
    [ 
     "QA", 
     2 
    ], 
    [ 
     "RO", 
     6 
    ], 
    [ 
     "RU", 
     164 
    ], 
    [ 
     "SA", 
     30 
    ], 
    [ 
     "SE", 
     148 
    ], 
    [ 
     "SG", 
     101 
    ], 
    [ 
     "SK", 
     34 
    ], 
    [ 
     "TH", 
     22 
    ], 
    [ 
     "TR", 
     28 
    ], 
    [ 
     "TT", 
     1 
    ], 
    [ 
     "TW", 
     110 
    ], 
    [ 
     "UA", 
     26 
    ], 
    [ 
     "US", 
     9386 
    ], 
    [ 
     "VE", 
     1 
    ], 
    [ 
     "VN", 
     28 
    ], 
    [ 
     "ZA", 
     89 
    ], 
    [ 
     "ZM", 
     1 
    ] 
] 

Answer 1

我有固定的轉換JSON /從阿賈克斯陣的responseText問題中的JavaScript數組。

function drawRegionsMap() { 
var jsonData = $.ajax({ 
     url: "json/geo.pl", 
     dataType: 'json', 
     async: false 
     }).responseText; 

var output = new Array(); 
output = JSON.Parse(jsonData); 
      var data = google.visualization.arrayToDataTable(output); 


      var options = {}; 

      var chart = new google.visualization.GeoChart(document.getElementById('chart_div')); 
      chart.draw(data, options); 
     };