的Javascript HTML - 如何使用Web API

Question

我基本上是试图建立一个浏览器应用程序（使用HTML和JavaScript），其中我想：

1. 调用的API，比如让我们谷歌地图网页API（如下）。

谷歌地图JSON阿比：http://maps.googleapis.com/maps/api/geocode/json?address=Vancouver

取特定值：让我们说LONG_NAME”： “温哥华”（强调下图）

存储它的值“温哥华”在一个变量中，并在稍后使用。

在Chrome应用程序中，我知道我可以使用HTML和JavaScript/jQuery（纠正我，如果我错了关于jQuery）。我不知道如何使用JavaScript/jQuery并调用上面的API并使用特定的值。

Answer 1

您可以使用jQuery REST Client，可以很容易地实现

编辑

添加此库：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 

<script src="http://jpillora.com/jquery.rest/dist/1/jquery.rest.min.js"></script> 

要解决"Vancouver"并将其存储在一个变量应该是：

var longName = null; 

var client = new $.RestClient('http://maps.googleapis.com/maps/api/'); 

client.add('geocode', {stripTrailingSlash: true}); 

client.geocode.read('json', {address: 'Vancouver'}).done(function (data){ 
    longName = data.results[0].address_components[0].long_name; 
});