来自雅虎金融API SyntaxError的JSON作为参数提供给谷歌图表表[重复]答案

【问题标题】：JSON from yahoo financial API SyntaxError when is given as parameter to google chart table [duplicate]来自雅虎金融API SyntaxError的JSON作为参数提供给谷歌图表表[重复]
【发布时间】：2017-06-05 07:27:30
【问题描述】：

我使用 yahoo Financial API 从中获取数据，然后我想在谷歌图表中输入数据，但我的 JSON 对象似乎有问题。所以，我尝试了我阅读的所有内容，但不幸的是仍然不成功。
错误

index.html:1 Uncaught SyntaxError: Unexpected token u in JSON at 位置 0 在 JSON.parse() 在 drawChart (main.js:18) 在 Object.google.a.c.Ac (loader.js:155) 在 Object.google.a.c.Pa (loader.js:155) 在 f (loader.js:152) 在 Object.google.l.m.kj (loader.js:229) 在 Object.google.l.m.ce (loader.js:229) 在 loader.js:228

JavaScript

google.charts.load('current', {
'packages': ['corechart']
});

google.charts.setOnLoadCallback(drawChart);

var options = {
    'title': 'Today is not my day',
    'width': 400,
    'height': 300
};

var input = getData();

function drawChart() {
    var chartData = google.visualization.arrayToDataTable(JSON.parse(input));
    var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
    chart.draw(chartData, options);
};

function getData() {
   dataArray = [
    ['Name', 'Volume'],
  ];

  var BASE_URL = "https://query.yahooapis.com/v1/public/yql?q=";
  var yql_query = 'select * from yahoo.finance.quote where symbol in ("YHOO","AAPL","GOOG","MSFT")';
  var yql_query_str = encodeURI(BASE_URL + yql_query);
  var result = yql_query_str + "&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys";

  $.getJSON(result, function(data){
    var object = data.query.results.quote;
    for (var i = 0; i < object.length; i++) {
      var currentObj = object[i];
      var pushedArray = [currentObj.Name, parseFloat(currentObj.Volume)];
      dataArray[i+1] = pushedArray;
    }
    return dataArray;
  });
};

HTML

<html>
  <head>
    <meta charset="UTF-8">

    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <!-- <script type="text/javascript" src="js/request.js"></script> -->
    <script type="text/javascript" src="js/main.js"></script>
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col-md-12" id="chart_div"></div>
      </div>
    </div>

    <script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
  </body>
</html>

【问题讨论】：

标签： javascript json yahoo-finance

【解决方案1】：

正如上面所写，getData() 同步返回undefined，因此在drawChart() 内部，您实际上是在尝试JSON.parse(undefined)，这导致您收到SyntaxError（JSON.parse() 转换@987654327 @ 到字符串"undefined"，这是无效的JSON）。

dataArray 正在从回调中返回到$.getJSON()在请求返回之后；目前无法在 drawChart() 函数内部访问它。

您需要重构代码，以便在$getJSON() 请求返回后调用drawChart()，因此它可以通过词法或通过闭包访问dataArray。

【讨论】：