解析来自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。