通过Ajax和angular js调用RESTful API

Question

如果要传递的网址必须传递变量，即API.openweathermap.org/data/2.5/forecast/city?name=[random_city_name]&APPID=[key_value] ，

那么最好使用ajax或angular js。

如果我使用的是ajax，那么我应该如何传递变量？ 我是这个新手。 因此，需要您的帮助。

Answer 1

您的网址似乎具有请求参数，并假设您使用的是angular1

为此，您可以使用

$http({
    method: 'GET',
    url: url,
    headers: {},
    params : {}
})

将您的参数作为地图放置，$ http将负责创建一个URL。 在这里参考$ http文档

Answer 2

有什么更好地使用ajax或angular js

您无法比较，因为AJAX提供了一种与服务器asynchronously communicate （发送请求和获取响应）的方式，而AngularJS使用AJAX扩展了2-way数据绑定。

为了完成上述情况，我们可以使用Angular $ http服务。

var baseUrl = API.openweathermap.org/data/2.5/forecast/city;
var method = 'GET';
var data = {};
var params = {
   "name":cityName,
   "APPID":key_value
};

$http({
    method: method,
    url: baseUrl,
    params : params,
    data : data
}).then(function mySucces(response) {
    $scope.data = response.data;
}, function myError(response) {
    $scope.data = response.statusText;
});

Answer 3

You can use angular $http service and pass your params like below.

var UserInfo = function() {
    $scope.userID = "1111";
    var req ={
        "method":"GET",
        "url": someURL + $scope.userID,
        "withCredentials":true
    };
    $http(req).then(function(response) {
        alert('success');
    }, function(response) {
        alert('error');
    });
};