解析來自URL的JSON文件

Question

初學者開發人員在這裏。我正在嘗試構建一個顯示當前時間，天氣和新聞等內容的Web應用程序。我正在嘗試使用Google Distance Matrix API來計算通勤時間和距離。

下面的URL吐出JSON，我試圖找到一種方法來解析該文件並將其顯示在HTML中，如果這是有道理的。我只需要通勤時間和距離。

下面是一個例子：https://maps.googleapis.com/maps/api/distancematrix/json?units=imperial&origins=Washington,DC&destinations=New+York+City,NY

var units = IMPERIAL 
origins = address1 
destinations = destination1 
apiKey = MY_API_KEY 
var url = "https://maps.googleapis.com/maps/api/distancematrix/json?units="  + units + "&origins=" + origins + "&destinations=" + destinations + "&key=" +apiKey; 

Answer 1

通常情況下，我會用Ajax調用來檢索另外的數據。我使用JQuery解決方案（link to the api documentation）。對於您描述的情況，請務必將dataType選項設置爲"json"。您使用success選項來處理返回的數據，在您的情況下，它是JSON。