角度资源获取请求已取消

Question

我有一个小的angularjs应用程序，它在其中一个控制器中使用angularjs资源。下面是资源使用的代码

  $scope.getFilteredTasks = function (filter) {

        var resource = $resource('{0}/api/orderTasks/filterTasks'.format($scope.baseUrl), { status: '@status', type: '@type', createdDate: '@createdDate', agentType: '@agentType', page: '@page', pageSize: '@pageSize' }, {
            'response': { method: 'GET', isArray: false }
        });

        $('#loading').show();
        resource.response({
            status: filter.status,
            type: filter.type,
            createdDate: filter.createdDate,
            agentType: filter.agentType,
            page: $scope.currentPage,
            pageSize: $scope.pageSize
        },
            function (result) {
                $scope.resultTasks = result.Items;
                if ($scope.totalItems != result.TotalCount)
                    $scope.totalItems = result.TotalCount;
                $('#loading').hide();
            },
            function (result) {
                $('#loading').hide();
                alert('Error in request!')
            });
    };

当页面第一次加载时，一切都很好，我得到了我需要的所有数据。但当我提出第二个请求时（例如，按下页面上调用getFilteredTask（filter）函数的按钮）。我有一个结果。状态=-1。根据Fiddler和Chrome在开发工具中的网络选项卡，请求状态为200，但已被取消。我也检查了后端，没有发现任何问题，请求被成功地处理，服务器返回了我需要的所有数据，但我在客户端得到了cannceled请求。

更新

看起来这个问题只出现在Chrome中。例如，在IE11中，一切正常

Answer 1

问题可能是您从一个链接发出ajax请求，而没有阻止跟踪该链接。因此，如果在onclick属性中执行此操作，请确保返回false；。