从 jQuery 中获取 JSON - 来自 Foursquare API

Question

我还没有找到足够接近的答案来帮助我解决这个问题。我不断得到 [object] 作为输出，我想要 JSON 这样我就可以用它做事了。请帮助我正确地做到这一点。我尝试了 Foursquare 和 jQuery 的文档，以及一堆 YouTube 视频，当然还有这里的文章。我确信这是一件简单的事情，我只是因为太近而看不到它。

    <!DOCTYPE html>
<html lang="en">
<head>
    <title>Blank Page</title>
  <script src="https://code.jquery.com/jquery-3.2.1.min.js"
      integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
      crossorigin="anonymous"></script>
</head>
<body>
    <p></p>

<script>
var url = "https://api.foursquare.com/v2/venues/search?v=20161016&ll=34.0707998%2C%20-84.0554183&query=park&intent=browse&radius=2000&client_id=O3VAAPG2MY5H2QERHNM2G03DOKVHN1L1ESUD31251FVEMUXY&client_secret=40B2KAJFL2F5UFSP1WXSBYAM3UPDFI3GAMTBRGC20KIN53YJ";
function getFoursquare(url){
  var new_locations = $.ajax(url);
    return new_locations;
};

$('p').text(getFoursquare());

 </script>
</body>
</html>

Answer 1

为了使用四方响应，您需要 AJAX 的 json 数据类型，并且必须让 AJAX 处理回复。为了向您展示它是如何工作的，请考虑以下代码。它将场地名称添加到段落中：

function getFoursquare(){
  var url = "https://api.foursquare.com/v2/venues/search?v=20161016&ll=34.0707998%2C%20-84.0554183&query=park&intent=browse&radius=2000&client_id=O3VAAPG2MY5H2QERHNM2G03DOKVHN1L1ESUD31251FVEMUXY&client_secret=40B2KAJFL2F5UFSP1WXSBYAM3UPDFI3GAMTBRGC20KIN53YJ";
  $.ajax({
    url: url,
    dataType: 'json',
    success: function(data){
      var venues = data.response.venues;
      $.each(venues, function(i,venue){
        $('p').append(venue.name + '<br />');
      });
    }
  });
};

getFoursquare();

从 jQuery 中获取 JSON - 来自 Foursquare API

getting JSON out of jQuery - from Foursquare API

javascript

ajax

jquery

foursquare