3

我知道我可以使用 jquery、.ajax 和 jsonp 进行跨域 ajax 调用。我正在调用雅虎股票报价 API。一切正常，结果正在返回（我可以看到使用 Fiddler。）问题是我收到一个 js 错误 YAHOO 未定义。我认为它有问题，因为 JSON 是在回调函数中格式化的，所以它的 json 语法不正确。我能做些什么来修复它？谢谢！这是代码：

     $.ajax({
            type: 'GET',
            dataType: 'jsonp',
            jsonp: 'callback',
            jsonpCallback: 'YAHOO.Finance.SymbolSuggest.ssCallback',
            data:{
                query: request.term
            },
            url: 'http://autoc.finance.yahoo.com/autoc',
            success: function (data) {
                alert("yes");
            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert(xhr.status);
                alert(thrownError);
            }
        });
4

5 回答 5

6

我想添加这个答案，因为上面user209245 的答案（来自 2011 年）看起来不再有效。我是这样做的：

  1. 使用YQL 控制台为您想要获取的股票构建查询，例如 Apple：

    选择 * from yahoo.finance.quotes where symbol="AAPL"

  2. 确保选择 JSON 并指定 JSONP 回调，例如quote
  3. 点击测试

  4. 插入它为您生成的 REST 查询，如下所示：

    var quote;

$(document).ready(function() {
    $.ajax({
        url: "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%3D%22AAPL%22&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=quote",
        dataType: "jsonp",
        jsonp: "callback",
        jsonpCallback: "quote"
    });

    quote = function(data) {
        $(".price").text("$" + data.query.results.quote.AskRealtime);
    };
});

    然后在您的页面.price <div>上将显示：

    $543.21

当然，一旦你得到数据，你就可以显示任何你想要的东西；我只是以价格为例，因为这就是我需要的。

于 2014-02-13T20:59:33.913 回答
4

这是我如何让它工作的：

我使用 .ajax 而不是 .jsonp 因为您需要提供 url 参数。您还需要在代码中定义 Yahoo 回调函数的名称。这是一个链接，解释了如何在其 Web 服务中使用 Yahoo 回调函数。

http://developer.yahoo.com/javascript/json.html#callbackparam

这是代码：

<script type="text/javascript">
    // this variable must be defined this way
    var YAHOO = {
        Finance: {
            SymbolSuggest: {}
        }
    };

    $(document).ready(function(){           
        var query;

        query = 'Yahoo';        
        if (query.length > 0)
        {

          $.ajax({
              type: "GET",
              url: "http://d.yimg.com/autoc.finance.yahoo.com/autoc",
              data: {query: query},
              dataType: "jsonp",
              jsonp : "callback",
              jsonpCallback: "YAHOO.Finance.SymbolSuggest.ssCallback",
          });
          // call back function
          YAHOO.Finance.SymbolSuggest.ssCallback = function (data) {
            alert(JSON.stringify(data));
          }
        }

    }); 


    </script>
于 2011-08-15T22:42:17.403 回答
0

这是一个对我有用的修改版本：

$(document).ready(function() {
    $.ajax({
        url: "https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22AAPL%22)%0A%09%09&format=json&diagnostics=true&env=http%3A%2F%2Fdatatables.org%2Falltables.env&callback=quote",
        dataType: "jsonp"
    });

    window.quote = function(data) {
        console.log(data);
    };
});
于 2015-01-25T11:00:28.113 回答
0

这是工作示例：查看回调=？在我的查询结束时使其工作。这个例子可以作为一个独立的 html 复制过去。

https://github.com/cirs/PortfolioApp/blob/master/PortfolioApp-Step1-GetData.html

于 2011-07-04T04:04:38.840 回答
0

这是一个 js 小提琴： https ://jsfiddle.net/vham369w/1/

使用$.getJson而不是$.ajax

JS

$(document).ready(function() {
    var symbol = 'AAPL'
    var url =  "https://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%3D%22"+symbol+"%22&format=json&diagnostics=true&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys";
    $.getJSON(url + "&callback=?", null, function(data) {
        console.log(data);
        $("#realtime").text("$" + data.query.results.quote.AskRealtime);
        $("#ask").text("$" + data.query.results.quote.Ask);
    });
});

HTML

Ask:
<div id="ask">
    loading ask
</div>
Realtime (null if market is closed):
<div id="realtime">
    loading realtime
</div>
于 2015-07-03T14:42:25.360 回答