Javascript HTML - 如何消费网络 api

Question

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

调用一个 API，例如我们使用 Google Maps web API（下）。

Google 地图 JSON Api: http://maps.googleapis.com/maps/api/geocode/json?address=Vancouver

获取特定值：假设 long_name" : "Vancouver"（在下面的屏幕截图中突出显示）

将其值 "Vancouver" 存储在一个变量中，稍后使用。

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

Javascript HTML - 如何消费网络 api

Javascript HTML - how to consume web api

html

javascript

jquery

google-chrome-app