使用jQuery從URL獲取文件內容

Question

有什么方法可以使用jquery（不使用ajax）從google api的郵政編碼中獲取城市和州名。

我可以從這里http://maps.googleapis.com/maps/api/geocode/json?address=17078&sensor=true獲得詳細信息。

我的代碼是

var googleAPI = "http://maps.googleapis.com/maps/api/geocode/json?address=17078&sensor=true";

$.getJSON(googleAPI, function (response) {

    console.log("JSON Data: " + response.items);
    for (var i = 0; i < response.items.length; i++) {
        var item = response.items[i];
        // in production code, item.text should have the HTML entities escaped.
        //document.getElementById("content").innerHTML += "<br>" + item.volumeInfo.title;

        alert(item.address_components);
      }
});

但這不起作用

Answer 1

您必須找到為您提供state和city names的administrative_area_level_1和administrative_area_level_2 。

閱讀地址解析文檔

嘗試這個，

<script>
    // let you got the items.address_components 
    for(var a=0,len=items.address_components.length;a<len;a++)
    {
        ac=items.address_components[a];
        if(ac.types)
        {
            for(var t=0,tl=ac.types.length;t<tl;t++)
            {
                ty=ac.types[t];
                if(ty=='administrative_area_level_1')
                {
                    alert('State'+ac.long_name);
                }
                if(ty=='administrative_area_level_2')
                {
                    alert('City'+ac.long_name);
                }
            }
        }
    }            
</script>