json - 从 Google Places API 获取 JSON 文件

Question

我正在尝试使用 Places API，最初尝试使用 jQuery 中的 $.ajax，但我一直在文件的第一个元素上收到意外的标记错误。但后来我意识到你无法从 Places API 获取 JSONP。所以下面是它返回的示例，我一生都无法让它将 id 打印到控制台(对于初学者来说)...有人可以指出我正确的方向吗？

从地点返回的 JSON:

{
   "html_attributions" : [],
   "results" : [
      {
         "geometry" : {
            "location" : {
               "lat" : 33.7862590,
               "lng" : -117.8531270
            }
         },
         "icon" : "http://maps.gstatic.com/mapfiles/place_api/icons/restaurant-71.png",
         "id" : "5be9a13a28635cf8fd2ef3c62c24d51277a4ba58",
         "name" : "Kimmies Coffee Cup",
         "rating" : 3.30,
         "reference" : "CnRpAAAANKLoOHJ1STFaFavIPjm2bpMDneGTv0AXfixyl-koF7KSK-lQSldk3c01RFJu9Gf62zXnRScte-dkPCBU8KuxCo7AMctfuaIhNkPE8RKENF9HeMlkuEg-Scp97--1VWJvjpNQjc6xRvdXsbf7V8NrSRIQnXjZBKbrSeSg2sTwBosKghoUEFlNDIN5cnVbn5n7aNtwycord-E",
         "types" : [ "restaurant", "food", "establishment" ],
         "vicinity" : "190 S Glassell St # B, Orange"
      }
      ]
}

这就是我正在尝试的，但显然我不能再使用它了......

 $(document).ready(function () {
    $.ajax({
      url: 'https://maps.googleapis.com/maps/api/place/search/json',
      dataType: 'jsonp',
      type: 'GET',
      data: {
        location: '33.787794,-117.853111',
        radius: 100,
        name: 'coffee',
        key: 'KEY_HERE',
        sensor: false,
      },
      success: function(data) {
        console.log(data.results[0].id);
    }
  });
});

任何建议都会很好，谢谢!

Answer 1

jQuery 有一个 parseJSON 方法，它将从 JSON 创建一个 javascript 对象。

一旦你有了这个对象

obj.results 将返回结果数组。

results[0].id 将为您提供第一个结果的 ID。