Question

我有来自谷歌的显示json url的问题。当我加载我的网页时，我有一个空屏幕......没有错误，没有回复

 $(document).ready(function() {

   $.getJSON('https://maps.googleapis.com/maps/api/place/details/json?reference=CpQBhQAAAO74ZZ0bYHAkFKV3rXb-sMyPIvTUaP8olqsu61cyWIR-f3bTpcN0PU_VA3RWTLyH3NeJLWxOpXBqmczZDfYE6EnYbayYl6HWn4xNZA8fJURcNiY4dbzWaTfjxx9HDe3C1JCLZUDRqHwlVudODDRmUsiiJMVSMJniKyimt9-qGgn1paABdlGXU7uduPHUjy9hoxIQr4QJPQjk5yt9FXzzFJnhQxoU3NRNlO-q1Q8y36urd8F_lsvgWHY&sensor=true&key=AIzaSyDSKYz8pCRLHglMPGo1ca6E-geDUQw', function(data) {
    $('#dictionary').empty();

 var html = '<div class="entry">';
 html += '<h3 class="term">' + data.result.name + '</h3>';
 html += '<div class="part">' + data.result.website + '</div>';
 html += '<div class="definition">';
 html +=  data.result.rating;
 html += '</div>';
 html += '</div>';
 $('#dictionary').append(html);


   });
 });

网址是正确的，json的结构也是正确的。只有当我想从文件中读取json时（例如，不是来自url），函数才能正常工作：

$.getJSON('fileofjson.json'......

感谢您的帮助。米甲

PS。 Parsing JSON from Google Map这是我对这个问题的第一个主题......这里是json文件的结构。

我尝试通过谷歌阅读json：

 $('#container').load('http://google.com'); 
  $.ajax({
url: 'https://maps.googleapis.com/maps/api/place/details/json?reference=CpQBhQAAAO74ZZ0bYHAkFKV3rXb-sMyPIvTUaP8olqsu61cyWIR-f3bTpcN0PU_VA3RWTLyH3NeJLWxOpXBqmczZDfYE6EnYbayYl6HWn4xNZA8fJURcNiY4dbzWaTfjxx9HDe3C1JCLZUDRqHwlVudODDRmUsiiJMVSMJniKyimt9-qGgn1paABdlGXU7uduPHUjy9hoxIQr4QJPQjk5yt9FXzzFJnhQxoU3NRNlO-q1Q8y36urd8F_lsvgWHY&sensor=true&key=AIzaSyDSKYz8pCRLHglMPGo1ca6E-geDUQw',
type: 'GET',
success: function(res) {
    var headline = $(res.status).find('a.tsh').text();
    alert(headline);
}
});

但是警报不起作用，空屏幕。有人可以帮我解析这个url到html吗？非常感谢。

Answer 1

请参阅this related question和我的回答。通常，由于Same Origin Policy，您无法使用Javascript从远程源加载JSON。如果Google API提供此功能，您将需要使用JSONP。

通过引用获取地点详细信息 - Google Map - Json

1 个答案: