Запрос на угловой ресурс был отменен

Question

У меня есть небольшое приложение angulaerjs, которое использует ресурс 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 (фильтр) функция). У меня есть result.status = -1. Согласно вкладке Fiddler и Chrome Network в запросе dev tools есть статус 200, но был отменен. Я также проверил бэкэнд и не обнаружил никаких проблем, запрос был успешно обработан, и сервер вернул все данные, которые мне нужны, но я получаю cannceled запрос на стороне клиента.

UPDATE

Это loooks как эта проблема возникает только в Chrome. В IE 11, например, все нормально

Answer 1

Возможно, проблема заключалась в том, что вы делали запрос ajax из ссылки и не препятствовали соблюдению ссылки. Поэтому, если вы делаете это в атрибуте onclick, убедитесь, что также return false;.