使用 javascript 以 json 格式从 yahoo Finance 获取股票报价答案

【问题标题】：Get stock quotes from yahoo finance in json format using a javascript使用 javascript 以 json 格式从 yahoo Finance 获取股票报价
【发布时间】：2013-06-21 22:59:55
【问题描述】：

我试图从 yahoo api 获取股票报价。我对查询的输入只是股票代码（来自文本字段）。在按钮单击时调用后台 JavaScript 方法“getprice()”。我有一个看起来像这样的 java 脚本代码

function getprice()
{
    var symbol = $('#stockquote').val();


    var url = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22"+symbol+"%22)%0A%09%09&env=http%3A%2F%2Fdatatables.org%2Falltables.env&format=json";

    $.getJSON(url, function (json)
    {

        var lastquote = json.query.results.quote.LastTradePriceOnly;
        $('#stock').text(lastquote);

    });
}

 $('#stock').text(lastquote);

这里的“股票”是我想要显示给定代码的 LastTradePriceOnly 的文本字段。

我没有看到任何输出出现。调试也不会显示任何错误。我可以就这个问题获得任何建议吗？

【问题讨论】：

除非您在 yahooapis.com 域上托管 JavaScript，否则由于来源限制，您将无法获取 JSON。
您也可以尝试使用提供股票市场 API 的库，这样您就不必自己实现它。看看stocks.js

标签： javascript rest

【解决方案1】：

试试这个。

function getData() {
    var url = 'http://query.yahooapis.com/v1/public/yql';
    var symbol = $("#symbol").val();
    var data = encodeURIComponent("select * from yahoo.finance.quotes where symbol in ('" + symbol + "')");

    $.getJSON(url, 'q=' + data + "&format=json&diagnostics=true&env=http://datatables.org/alltables.env")
        .done(function (data) {
            $('#result').text("Price: " + data.query.results.quote.LastTradePriceOnly);
        })
        .fail(function (jqxhr, textStatus, error) {
            var err = textStatus + ", " + error;
            console.log('Request failed: ' + err);
        });
}

Here我还为你添加了工作示例。

【讨论】：

感谢您的示例 - 非常好。
@vladbezden 对于使用多个符号的查询，您将如何实现这一点？
@MichaelRamos，您可以使用相同的代码来获取多个符号。只需发送逗号分隔的符号列表（“MSFT，IBM”）进行查询，现在您的 data.query.results.quote 对象将包含两个对象信息，一个用于 MSFT，第二个用于 IBM。您可以通过 data.query.results.quote[0].symbol 将返回“MSFT”和 data.query.results.quote[1].symbol 将返回“IBM”找到该对象的安全性
我最近在一个网站上实现了这个代码 + jquery cookie 插件，效果很好。
API 似乎已经过时了。不再工作了。

【解决方案2】：

如果你需要的话，AngularJS 就是这样做的：

在你看来：

<section ng-controller='StockQuote'>
    <span>Last Quote: {{lang}}, {{lastTradeDate}}, {{lastTradeTime}}, {{lastTradePriceOnly}}</span>
</section><br>

在您的控制器中：股票代码名称通过 $scope.ticker_name 传递给服务方法“getData.getStockQuote”。

appModule.controller('StockQuote', ['$scope', 'getData',
function($scope, getData) {
    var api = getData.getStockQuote($scope.ticker_name);
    var data = api.get({symbol:$scope.ticker_name}, function() {
        var quote = data.query.results.quote;
        $scope.lang = data.query.lang;
        $scope.lastTradeDate = quote.LastTradeDate;
        $scope.lastTradeTime = quote.LastTradeTime;
        $scope.lastTradePriceOnly = quote.LastTradePriceOnly;
    });
}]);

为您服务：

appModule.service('getData', ['$http', '$resource', function($http, $resource) {
    // This service method is not used in this example.
    this.getJSON = function(filename) {
        return $http.get(filename);
    };
    // The complete url is from https://developer.yahoo.com/yql/.
    this.getStockQuote = function(ticker) {
        var url = 'http://query.yahooapis.com/v1/public/yql';
        var data = encodeURIComponent(
            "select * from yahoo.finance.quotes where symbol in ('" + ticker + "')");
        url += '?q=' + data + '&format=json&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys';
        return $resource(url);
    }
}]);

【讨论】：