AngularJS $http de la fonction d'erreur ne s'est jamais appelé

Le problème, c'est que votre serveur web, il est le réglage de longueur à 0 cela signifie que c'est une valeur valide comme vous pouvez le voir sur Spécification HTTP/1.1.

Aussi j'ai fait un exemple sur JSFiddle montrant l'erreur et de la réussite des exemples. Voir ici.

Les en-têtes à partir de l'exemple d'erreur:

Demande:

GET /error/ HTTP/1.1
Host: fiddle.jshell.net
Connection: keep-alive
Accept: application/json, text/plain, */*
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_3) AppleWebKit/537.31 (KHTML, like  Gecko) Chrome/26.0.1410.65 Safari/537.31
DNT: 1
Referer: http://fiddle.jshell.net/danielcsgomes/cAMc6/1/show/
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-US,en;q=0.8
Accept-Charset: UTF-8,*;q=0.5
Cookie: csrftoken=4tNVNxC5v6BSq9yJCKkHlGFJBz3cClqd`

Réponse:

HTTP/1.1 404 NOT FOUND
Server: nginx/0.8.54
Date: Fri, 12 Apr 2013 00:38:07 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: keep-alive
Vary: Cookie
Content-Encoding: gzip

Si vous êtes en utilisant AngularJS version 1.1.1 ou plus...

N'ajoutant '.json " travail?:

$http.get("/api/test.json")
  .success(function (data, status, headers, config) {
      console.log(data);
      return data;
  }).error(function (data, status, headers, config) {
      alert("error");
      return status;
});

Si oui, il peut également être fixé avec:

myModule.config(['$httpProvider', function ($httpProvider) {
  $httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
}]);

Voir ça => Angular JS Échoue Après la Mise à niveau de la version 1.1.0 pour 1.1.1

Nous avons déplacé le post à l'usine, nous ne sommes pas vraiment ici sur le test de l' $http trucs, juste ce qu'il fait sur le succès ou d'erreur:

factoryModule.factory('GiftFactory', function ($http, Settings) {
    var saveUrl = Settings.endpoints.saveUrl;

    return {
        createGift: function (data) {
            var gift = { gift: JSON.stringify(angular.toJson(data.gift)) };
            return $http.post(saveUrl, gift);
        }
    };
});

Nous l'appeler comme ceci:

    $scope.submit = function () {
        $scope.submitting = true;
        GiftFactory.createGift($scope)
            .success(function () {
                $window.location = Giving.endpoints.indexUrl;
            }).error(function() {
                $scope.submitting = false;
                alert('an error occurred');
        });
    };

Nous tester de cette façon:

describe('donation controller', function () {
var $scope, q, window, controller;
beforeEach(module('giving.donation'));
beforeEach(inject(function ($controller, $rootScope, $q) {
$scope = $rootScope.$new();
window = {};
q = $q;
giftFactory = {};
controller = $controller('DonationController', { $scope: $scope, $window: window, GiftFactory: giftFactory });
}));
describe('submit', function () {
var deferred;
beforeEach(function () {
deferred = q.defer();
deferred.promise.success = function (fn) {
deferred.promise.then(
function (response) {
fn(response.data, response.status, response.headers);
});
return deferred.promise;
};
deferred.promise.error = function (fn) {
deferred.promise.then(null,
function (response) {
fn(response.data, response.status, response.headers);
});
return deferred.promise;
};
});
it('should redirect on success', function () {
//Arrange
Giving = { endpoints: { indexUrl: "/testurl" } };
giftFactory.createGift = function () {
return deferred.promise;
};
//Act
$scope.submit();
deferred.resolve({});
$scope.$apply();
//Assert
expect($scope.submitting).toBeTruthy();
expect(window.location).toBe('/testurl');
});
it('should set submitting back to false on error', function () {
//Arrange
Giving = { endpoints: { indexUrl: "/testurl" } };
giftFactory.createGift = function () {
return deferred.promise;
};
//Act
$scope.submit();
deferred.reject({});
$scope.$apply();
//Assert
expect($scope.submitting).toBeFalsy();
expect(window.location).toBeUndefined();
});
});
});