从谷歌附加数据使用jquery放置JSON响应

时间:2015-09-09 18:51:58

标签: javascript jquery json api

我正在尝试附加信息我从get get请求中获取使用google将api javascript与jquery一起使用并且我已完全丢失。根据谷歌开发控制台我发送一个成功的请求。但我不知道如何将响应附加到div。香港专业教育学院看了一下样本,以及它开始看起来像用拉丁语写的一切。

我的要求:

    $('#button').click(function() {
             $.ajax({
         type : 'GET',
         url : "https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJN1t_tDeuEmsRUsoyG83frY4&key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",
        success : function(data) {
//i dont know what to put here
}
});
});

这是回复https://developers.google.com/places/web-service/

的示例

假设我想将“formatted_address”附加到div。我怎么会从那里到达那里?

1 个答案:

答案 0 :(得分:0)

试试这段代码。这假设您的HTML中有一个div元素id="DivID"

<强> HTML:

<div id="DivID"></div>

<强> jQuery的:

   $('#button').click(function() {

        $.ajax({
             type : 'GET',
             dataType:'json',
             url : "https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJN1t_tDeuEmsRUsoyG83frY4&key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",
             success : function(data) {

                $('#DivID').text(data.formatted_address)

             }
        });
    });