1

首先，这是我试图完成的跨域请求。这是我用作参考的 Strava API 白皮书的链接。Strava 维基

请参阅下面我使用的代码。如果无法使用 jQuery 执行请求，你能给我举个例子来说明另一种方法吗？（例如 AJAX）我已经完成了我的研究，但我承认我知道的不够多，无法理解为什么请求不起作用。我是否需要在显示警报之前插入一个等待响应的参数，还是暗示？提前致谢！

 <html lang="en">
 <head>
   <meta charset="utf-8">
   <title>jQuery demo</title>
 </head>
 <body>
   <a href="http://jquery.com/">jQuery</a>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
   <script>
        $(document).ready(function(){
            $("a").click(function(event){
                $.getJSON('http://www.strava.com/api/v1/segments/637215', function(data) {
                    alert(data);
                });
            });
         });
   </script>
 </body>
 </html>
4

1 回答 1

3

有关您的解决方案为何无法按预期工作的更多信息，请参阅：Access-Control-Allow-Origin Multiple Origin Domains？

尝试使用该.ajax方法代替dataType: "jsonp"： 

$.ajax({
   url: "http://www.strava.com/api/v1/segments/637215",
    dataType: 'jsonp',
    success: function(data){
        console.log(data);
     }
 });

运行它会得到以下结果：

{"segment":{"id":637215,"name":"Highway 33 Climb - Matilija Lake to Rose Valley","distance":16779.2,"elevationGain":1101.1,"elevationHigh":1070.9,"elevationLow":289.54,"averageGrade":4.64087,"climbCategory":"1"}}

例子

请注意，返回的数据似乎确实存在错误，但我能够看到它。（请参阅下面Musa的评论）。

编辑

或者您可以更改：

$.getJSON('http://www.strava.com/api/v1/segments/637215', function(data) {
                    console.log(data);
                });

到：

$.getJSON('http://www.strava.com/api/v1/segments/637215?callback=?', function(data) {
                    console.log(data);
                });

这将导致.getJSON()使用jsonp。

If the URL includes the string "callback=?" (or similar, as defined by the server-side API), the request is treated as JSONP instead.

例子

于 2012-09-14T18:52:04.143 回答