收到此错误：
angular.min.js：122 TypeError： $http.get(...).成功不是一种功能 at getUserInfo (app.js：7) 在新的 (应用.js：12) at Object.invoke (angular.min.js：43) at Q.instance (angular.min.js：93) at p (angular.min.js：68) 在 g (Angular.Min.js：60) 在 g (angular.min.js：61) 在 g (angular.min.js：61) 在 Angular.min.js：60 在 Angular.min.js：21
这是我的代码：
var gitHub = angular.module('gitHub', []);
gitHub.controller('mainController', ['$scope', '$http', function($scope, $http) {
var $scope.user = '';
function getUserInfo($scope, $http){
$http.get('https://api.github.com/users')
.success(function (result) {
$scope.user = result;
console.log(result);
});
};
getUserInfo($scope, $http);
}]);
这是 HTML
<!DOCTYPE html>
<html ng-app="gitHub">
<head>
<title>Github Users Directory</title>
<script src="angular.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<div ng-controller="mainController">
<div>
<h1>GitHub Users</h1>
Who do you want to search for?<input type="text" name="FindHim" ng-model="queryName" />
<button ng-click="getUserInfo()">Search</button>
</div>
<div>
{{ user }}
</div>
</div>
</body>
</html>
.success和.error方法已被弃用，并已从 AngularJS 1.6 中删除。请改用标准.then方法。
$http.get('https://api.github.com/users')
.then(function (response) {
var data = response.data;
var status = response.status;
var statusText = response.statusText;
var headers = response.headers;
var config = response.config;
$scope.user = data;
console.log(data);
});
弃用通知
$http旧版承诺方法.success和.error已被弃用，将在 v1.6.0 中删除。请改用标准.then方法。— AngularJS (v1.5) $http 服务 API 参考 -- 弃用通知。
另请参阅 SO：为什么不推荐使用角度$http成功/错误方法？。
我认为在使用 Angular 时需要使用 .then 而不是 .success。
文档的示例
var promise = asyncGreet('Robin Hood');
promise.then(function(greeting) {
alert('Success: ' + greeting);
}, function(reason) {
alert('Failed: ' + reason);
}, function(update) {
alert('Got notification: ' + update);
});
以下是$Http如何使用它的示例：
// Simple GET request example:
$http({
method: 'GET',
url: '/someUrl'
}).then(function successCallback(response) {
// this callback will be called asynchronously
// when the response is available
}, function errorCallback(response) {
// called asynchronously if an error occurs
// or server returns response with an error status.
});
最后，您的代码可能如下所示
$scope.getUserInfo = function () {
$http.get('https://api.github.com/users')
.then(function (result) {
$scope.user = result;
console.log(result);
}, function(result) {
//some error
console.log(result);
});
};
这有效
https://docs.angularjs.org/api/ng/service/$http
// Simple GET request example:
$http({
method: 'GET',
url: '/someUrl'
}).then(function successCallback(response) {
// this callback will be called asynchronously
// when the response is available
}, function errorCallback(response) {
// called asynchronously if an error occurs
// or server returns response with an error status.
});
根据您当前的实现，您没有传递参数(即$scope和$http)从ng-click="getUserInfo()"getUserInfo，因此您会收到错误。
您不需要将这些作为参数传递为$scope，$http传递为已注入控制器并在$scope中定义函数。
gitHub.controller('mainController', ['$scope', '$http', function($scope, $http) {
$scope.user = '';
//Redefined function, without arguments
$scope.getUserInfo = function (){
$http.get('https://api.github.com/users')
.success(function (result) {
$scope.user = result;
console.log(result);
});
};
$scope.getUserInfo();
}]);
你不需要注入$scope，$http。
app.controller('MainController', function($scope, $http) {
$scope.fetchData = function(_city){
$http.get("../api/AllPlaces?filter[where][placeCity]="+ _city)
.then(function(response) {
$scope.Data = response.data;
});
}
});
无需将$http作为函数参数传递，因为您已经将$http作为依赖项注入到控制器。我对代码进行了一些修改。请检查它是否适合您。
var gitHub = angular.module('gitHub', []);
gitHub.controller('mainController', ['$scope', '$http', function ($scope, $http) {
$scope.user = '';
$scope.getUserInfo = function() {
$http.get('https://api.github.com/users')
.success(function (result) {
$scope.user = result;
console.log(result);
});
};
$scope.getUserInfo();
}]);
根据 Angular JS$http文档，该系统已被排除在1.4.3 +所以，我从他的帖子中得到了帮助，你可以试试这种方式
app.controller('MainCtrl', function ($scope, $http){
$http({
method: 'GET',
url: 'api/url-api'
}).then(function (success){
},function (error){
});
}
或
$http.get('api/url-api').then(successCallback, errorCallback);
function successCallback(response){
//success code
}
function errorCallback(error){
//error code
}
我更喜欢第二个对我来说更灵活。
$http({
method: 'GET',
url: '....',
headers: {
'Authorization': 'Bearer ' + localStorage["token"]
}
})
.then(function (data, status, headers, config) {
alert(JSON.stringify(data) + "Status" + status);
})
.error(function (data, status, headers, config) {
alert(JSON.stringify(data) + "Status" + status);
});
function successCallback(response) {
return response
}
$http.get('url')
.then(successCallback)