Javascript 使用jquery追加来自GooglePlacesJSON响应的数据

Javascript 使用jquery追加来自GooglePlacesJSON响应的数据,javascript,jquery,json,api,Javascript,Jquery,Json,Api,我正在尝试使用GooglePlacesAPIjavascript和jquery添加从get请求中获得的信息,而im完全丢失了。根据GoogleDev控制台,我正在发送一个成功的请求。但我不知道如何将响应附加到div中。我查看了样本以及所有它开始看起来像是用拉丁语写的东西 我的get请求: $('#button').click(function() { $.ajax({ type : 'GET', url : "https://

我正在尝试使用GooglePlacesAPIjavascript和jquery添加从get请求中获得的信息,而im完全丢失了。根据GoogleDev控制台,我正在发送一个成功的请求。但我不知道如何将响应附加到div中。我查看了样本以及所有它开始看起来像是用拉丁语写的东西

我的get请求:

    $('#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
}
});
});
这是响应的一个示例


假设我想将格式化的地址附加到一个div中。我如何从im所在的位置获得该地址?

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

HTML:


这似乎是一个不完整的代码。它的底部被切断了。您可以在ajax调用中指定成功函数,该函数将在调用成功完成时触发。然后使用数据对象填充页面中的元素。如果看不到代码的其余部分,就很难为您指出正确的方向。
<div id="DivID"></div>
   $('#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)

             }
        });
    });