Javascript HTML-如何使用web api

我基本上是在尝试使用HTML和JavaScript构建一个Chrome应用程序，我想：

例如，调用一个API，让我们以下面的GoogleMapsWebAPI为例。 谷歌地图JSON Api：

获取一个特定的值：假设long_name:Vancouver在下面的屏幕截图中突出显示 将其值存储在变量中，以后再使用。 在chrome应用程序中，我知道我可以使用HTML和JavaScript/jQuery纠正我对jQuery的错误。我不知道如何使用JavaScript/jQuery和调用上述API并使用特定值。

您可以使用，它很容易实现

编辑

添加以下库：

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

---

我建议您首先学习如何使用JavaScript/jQuery，然后尝试实现您的解决方案。如果你遇到问题，回来问问题。

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;
});