我是 AngularJS 新手。我想使用 $resource 从 Angular js 调用 Rest api。但无法正确执行。
这是index.html
<html ng-app="myApp">
<head>
<script src="./angular.min.js"></script>
<script src="./controllers.js"></script>
<script src="./angular-resource.js"></script>
<script src="./services.js"></script>
</head>
<body>
<div ng-controller="loginController">
<h1> try to call restapi </h1>
</div>
</body>
这是controller.js
var myapp=angular.module('myApp', ['user']);
myapp.controller('loginController', ['$scope', 'loginUser',
function ($scope, loginUser) {
alert(loginUser.login());
}]);
这是service.js
angular.module('user', ['ngResource']).
config(function($httpProvider){
$httpProvider.defaults.headers.common['Accept'] = "application/json";
}).factory('loginUser', function($resource){
return $resource('http://localhost/testtext/index.php/user/login',{
login: {method:'POST', params:{"email":"prashant@gmail.com","password":"weldone"}, isArray:false}
});
});
实际上 params json 的格式不正确,因为我在控制台上收到此错误。
POST http://localhost/testtext/index.php/user/login? email=prashant%40gmailcom&password=weldone 500 (PHP Error) angular.min.js:99
(anonymous function) angular.min.js:99
n angular.min.js:95
l angular.min.js:94
Resource.(anonymous function) angular-resource.js:469
(anonymous function) controllers.js:6
d angular.min.js:28
instantiate angular.min.js:28
(anonymous function) angular.min.js:52
(anonymous function) angular.min.js:43
m angular.min.js:6
i angular.min.js:43
e angular.min.js:39
e angular.min.js:39
e angular.min.js:39
(anonymous function) angular.min.js:38
(anonymous function) angular.min.js:16
e.$eval angular.min.js:88
e.$apply angular.min.js:88
(anonymous function) angular.min.js:16
d angular.min.js:27
c angular.min.js:16
rb angular.min.js:16
jc angular.min.js:15
(anonymous function) angular.min.js:163
a angular.min.js:117
(anonymous function) angular.min.js:23
m angular.min.js:6
c
最佳答案
正如其他人所指出的, Angular 看起来不错,但也许它没有以正确的格式为您的 php 服务发送数据。我必须对需要表单编码数据的服务执行以下操作。希望它(或类似的东西)对您有用。
$http({
method: 'POST',
url: 'rest/mm/login',
data: 'username=' + $scope.username + "&password=" + $scope.password,
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}).success(function (result) {
authService.loginConfirmed(result);
});
(显然,为了安全等原因,用户名/密码应该进行 url 编码)
关于javascript - 使用$resource从 Angular js调用rest api?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18589209/