javascript - 如何通过 AngularJS $http 从 ASP.Net Web API 2 获取访问 token ？

Question

我尝试这样:

$http({ method: 'POST', url: '/token', data: { username: $scope.username, password: $scope.password, grant_type: 'password' } }).success(function (data, status, headers, config) {
    $scope.output = data;
}).error(function (data, status, headers, config) {
    $scope.output = data;
});

然后尝试将 grant_type 更改为参数:

$http({ method: 'POST', url: '/token', data: { username: $scope.username, password: $scope.password }, params: { grant_type: 'password' } }).success(function (data, status, headers, config) {
    $scope.output = data;
}).error(function (data, status, headers, config) {
    $scope.output = data;
});

仍然会遇到可怕的情况:{"error":"unsupported_grant_type"}

所以我做了 AngularJS 开发人员不应该做的事情，诉诸 jQuery:

var data = $('#regForm').serialize() + "&grant_type=password";
$.post('/token', data).always(showResponse);

function showResponse(object) {
    $scope.output = JSON.stringify(object, null, 4);
    $scope.$apply();
};

这就像冠军一样......所以我的问题是:我们如何使用 AngularJS $http() 复制上面的 jQuery $.post() 调用，所以我们可以从 ASP.Net Web API 2 中基于 OWIN 中间件的/token 端点获取访问 token 吗？

Answer 1

这样做:

$http({
        url: '/token',
        method: 'POST',
        data: "userName=" + $scope.username + "&password=" + $scope.password + 
              "&grant_type=password"
})