从 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。