javascript - 无法读取 AngularJS $resource DELETE 的响应

Question

我正在尝试使用 AngularJS $resource 从我的服务器删除数据。但是，当我将结果写入控制台时，我看不到数据。

但是，当我转到 Chrome 控制台中的“网络”时，我在“名称路径”左侧列中看到“DELETE”。当我单击“信息”时，我在右侧面板上看到五个选项卡。在“预览”和“响应”选项卡下，我看到了正确的数据。我只是不知道如何在 Javascript 中查看或检索该数据。

这是 javascript 服务代码:

var MyServices = angular.module('MyServicesName', ['ngResource']);

MyServices.factory('AAAService', function($resource) {
    return $resource(serverBaseUrl + 'users/:userId/Video/:videoId/', {userId: '@userId', videoId: '@videoId'}, {
        show: {method: 'GET'},
        update: {method: 'PUT', params: {id: '@id'}},
        delete: {method: 'DELETE', isArray:false}
    });
});

和 Controller :

quizcatControllers.controller('BBBCtrl', ['$scope', '$stateParams', '$http', 'AAAService',
    function($scope, $stateParams, $http, AAAService) {
$scope.deleteQuestion = function(user, videoId) {
             AAAService.delete({userId: user, videoId: videoId}, function(a, b) {
        console.log(a);//Expect to print the data
        console.log(b);
});

有人可以建议如何更改我的代码以便我可以从响应中获取数据吗？ 虽然我的响应数据不是数组格式，但我想知道如何为数组和非数组样式执行此操作。

下面一行中应该用什么正确的名称来代替 a 和 b:

AAAService.delete({userId: user, videoId: videoId}, function(a, b) {

更新:

这是我在参数 returnValue 的成功回调中得到的结果:

0: "S"
1: "u"
2: "c"
3: "e"
4: "s"
5: "s"
$promise: Object
$resolved: true
proto: Resource

Answer 1

使用资源可能有点令人困惑(至少它们最初对我来说是这样)。

我认为你的问题是你对删除的调用没有使用正确的签名(“GET”方法和“非GET”方法有不同的签名。在这种情况下，看起来你正在发送什么旨在作为 postData 的回调函数(用于成功和错误)。您使用的签名用于“GET”方法(没有 postData)。

删除调用的签名应如下所示(请参阅文档 here ):

Resource.action([parameters], postData, [success], [error])

所以，你可以这样做:

quizcatControllers.controller('BBBCtrl', ['$scope', '$stateParams', '$http', 'AAAService', 
function($scope, $stateParams, $http, AAAService) {
    $scope.deleteQuestion = function(user, videoId) {
        AAAService.delete(
            {userId: user, videoId: videoId},  // parameters
            {},                                // postData, which you don't need for this
            // success callback
            function (returnValue, responseHeaders) {
                // do what you want with the returnValue from the call here
            },
            // error callback
            function (httpResponse) {
                // do what you want for error handling here
            })
    };
}]);