使用外部天气预报 API
Weather forecast using external API
我正在尝试使用 openweathermap.org
的外部 API 获取天气预报,并且想使用 angular.js 到目前为止,我可以在不使用 [=] 的情况下获取单个城市的预报13=] 并尝试在 API 键的帮助下获得多个城市的预测,因为我无法找到使用 api 键
的正确方法
所以这是我正在尝试做的事情的清晰图片
1.The 应用应接受用户提供的多个城市名称
2. 根据输入的城市名称,应用程序应显示每个城市 14 天的天气预报
var artistControllers = angular.module('artistControllers', []);
var apiKey = '89b59e4d7d07894243b5acd24e7f18a3';
artistControllers.controller('WController', ['$scope', '$http', function($scope, $http) {
console.log('ijij');
$http.jsonp('api.openweathermap.org/data/2.5/forecast/daily?id=524901').success(function(err,data){
if(err){
console.log(err);
}
$scope.data=data;
console.log(data);
});
}]);
文档中说:
How to use API key
Add the following parameter to the GET request:
APPID=APIKEY
Example:
api.openweathermap.org/data/2.5/forecast/city?id=524901&APPID=1111111111
OR add the following line to http header of request to the server:
x-api-key:APIKEY
因此,您可以在 $http 调用中的 url 后面附加 API 键。
参见:http://openweathermap.org/appid
或者,如文档所述,您可以在 HTTP 请求中添加额外的 header。您可以在 AngularJS 中这样做:
var req = {
method: 'GET',
url: 'api.openweathermap.org/data/2.5/forecast/daily?id=524901',
headers: {
'x-api-key': '89b59e4d7d07894243b5acd24e7f18a3'
}
}
$http(req).success(function(){...}).error(function(){...});
Link: https://docs.angularjs.org/api/ng/service/$http
我正在尝试使用 openweathermap.org
的外部 API 获取天气预报,并且想使用 angular.js 到目前为止,我可以在不使用 [=] 的情况下获取单个城市的预报13=] 并尝试在 API 键的帮助下获得多个城市的预测,因为我无法找到使用 api 键
所以这是我正在尝试做的事情的清晰图片
1.The 应用应接受用户提供的多个城市名称 2. 根据输入的城市名称,应用程序应显示每个城市 14 天的天气预报
var artistControllers = angular.module('artistControllers', []);
var apiKey = '89b59e4d7d07894243b5acd24e7f18a3';
artistControllers.controller('WController', ['$scope', '$http', function($scope, $http) {
console.log('ijij');
$http.jsonp('api.openweathermap.org/data/2.5/forecast/daily?id=524901').success(function(err,data){
if(err){
console.log(err);
}
$scope.data=data;
console.log(data);
});
}]);
文档中说:
How to use API key
Add the following parameter to the GET request:
APPID=APIKEY
Example:api.openweathermap.org/data/2.5/forecast/city?id=524901&APPID=1111111111
OR add the following line to http header of request to the server:
x-api-key:APIKEY
因此,您可以在 $http 调用中的 url 后面附加 API 键。
参见:http://openweathermap.org/appid
或者,如文档所述,您可以在 HTTP 请求中添加额外的 header。您可以在 AngularJS 中这样做:
var req = {
method: 'GET',
url: 'api.openweathermap.org/data/2.5/forecast/daily?id=524901',
headers: {
'x-api-key': '89b59e4d7d07894243b5acd24e7f18a3'
}
}
$http(req).success(function(){...}).error(function(){...});
Link: https://docs.angularjs.org/api/ng/service/$http