각도 리소스 가져 오기 요청이 취소되었습니다.

컨트롤러 중 하나에서 angularjs 리소스를 사용하는 작은 angulaerjs 앱이 있습니다. 다음은 리소스 사용 코드입니다.각도 리소스 가져 오기 요청이 취소되었습니다.

$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 (필터) 함수를 호출하는 페이지의 버튼을 누를 때). 결과가 있습니다. 상태 = -1. 개발자 도구 요청의 Fiddler and Chrome Network 탭에 따르면 상태 200이 있지만 취소되었습니다. 나는 또한 백엔드를 확인했는데 아무런 문제도 발견하지 못했다. 요청이 성공적으로 처리되었고 필요한 모든 데이터가 서버에서 반환되었지만 클라이언트 측에서 요청을 취소했다. 이 문제는 크롬에 나타납니다처럼

UPDATE는

이 loooks. 예를 들어 IE 11에서는 모든 것이 정상입니다.

출처

2016-09-15 Anton

링크에서 아약스 요청을하고 링크가 뒤 따르지 않도록하는 것이 문제 일 수 있습니다. 따라서 onclick 속성에서이 작업을 수행하는 경우 return false;도 확인하십시오.

출처

2016-09-15 10:55:29

각도 리소스 가져 오기 요청이 취소되었습니다.

답변

관련 문제