Nel servizio angolare $ http, come posso rilevare lo "stato" di errore?

Question

Sto leggendo un libro intitolato "Pro Angular JS". Tuttavia, ho una domanda su come rilevare lo stato di errore.

Quello che ho codificato è:

$http.get(dataUrl) 
    .success(function (data){ 
     $scope.data.products = data; 
    }) 
    .error(function (error){ 
     $scope.data.error=error; 
     console.log($scope.data.error.status); // Undefined! 
     // (This is the spot that I don't get it.)           
    }); 

Se il codice I "console.log ($ scope.data.error.status);" , perché l'argomento di console.log non è definito?

Nel libro, c'è una frase, "L'oggetto passato alla funzione di errore definisce proprietà di stato e messaggio."

così ho fatto $ scope.data.error.status

Perché è sbagliato?

Answer 1

Gli argomenti non sono corretti, l'errore non restituisce un oggetto contenente stato e messaggio, li ha passati come parametri separati nell'ordine descritto di seguito.

tratto dal angular docs:

• dati - {string | Object} - Il corpo di risposta trasformato con le funzioni di trasformare.
• stato - {numero} - codice di stato HTTP della risposta.
• intestazioni - {function ([headerName])} - Funzione getter intestazione.
• config - {Object} - L'oggetto di configurazione utilizzato per generare la richiesta.
• statusText - {string} - Testo di stato HTTP della risposta.

Quindi sarebbe necessario modificare il codice per:

$http.get(dataUrl) 
    .success(function (data){ 
     $scope.data.products = data; 
    }) 
    .error(function (error, status){ 
     $scope.data.error = { message: error, status: status}; 
     console.log($scope.data.error.status); 
    }); 

Ovviamente, non c'è bisogno di creare un oggetto che rappresenta l'errore, si può solo creare le proprietà dell'ambito separati ma lo stesso principio si applica.

Answer 2

Stato risposta viene come secondo parametro nella richiamata, (from docs):

// Simple GET request example : 
$http.get('/someUrl'). 
    success(function(data, status, headers, config) { 
    // this callback will be called asynchronously 
    // when the response is available 
    }). 
    error(function(data, status, headers, config) { 
    // called asynchronously if an error occurs 
    // or server returns response with an error status. 
    }); 

Answer 3

aggiornamento: partire dal angularjs 1.5, promettono metodi di successo e l'errore sono stati deprecati. (Vedi this answer)

da current docs:

$http.get('/someUrl', config).then(successCallback, errorCallback); 
$http.post('/someUrl', data, config).then(successCallback, errorCallback); 

---

è possibile utilizzare altri argomenti della funzione in questo modo:

error(function(data, status, headers, config) { 
    console.log(data); 
    console.log(status); 
} 

vedere $http docs:

// Simple GET request example : 
$http.get('/someUrl'). 
    success(function(data, status, headers, config) { 
    // this callback will be called asynchronously 
    // when the response is available 
    }). 
    error(function(data, status, headers, config) { 
    // called asynchronously if an error occurs 
    // or server returns response with an error status. 
    }); 

Answer 4

dalla Gazzetta angular documentation

// Simple GET request example : 
$http.get('/someUrl'). 
    success(function(data, status, headers, config) { 
    // this callback will be called asynchronously 
    // when the response is available 
    }). 
    error(function(data, status, headers, config) { 
    // called asynchronously if an error occurs 
    // or server returns response with an error status. 
    }); 

Come si può vedere il primo parametro per la richiamata errore è dati uno stato è secondo.

Answer 5

Dal $http.get restituisce una 'promessa' con i metodi di una maggiore comodità success e error (che ha appena avvolgere il risultato di then) si dovrebbe essere in grado di utilizzare (a prescindere dalla vostra versione angolare):

$http.get('/someUrl') 
    .then(function success(response) { 
     console.log('succeeded', response); // supposed to have: data, status, headers, config, statusText 
    }, function error(response) { 
     console.log('failed', response); // supposed to have: data, status, headers, config, statusText 
    }) 

---

Non è propriamente una risposta alla domanda, ma se sei stato morso dal problema "La mia versione di Angular è diverso dal documento" puoi sempre scaricare tutto il arguments, anche se non conosci il metodo appropriato firma:

$http.get('/someUrl') 
    .success(function(data, foo, bar) { 
    console.log(arguments); // includes data, status, etc including unlisted ones if present 
    }) 
    .error(function(baz, foo, bar, idontknow) { 
    console.log(arguments); // includes data, status, etc including unlisted ones if present 
    }); 

Quindi, in base a ciò che si trova, è possibile "correggere" gli argomenti della funzione in modo che corrispondano.

Answer 6

I metodi promessi legacy $httpsuccess e error sono stati deprecati. Utilizzare invece il metodo standard then. Dai un'occhiata ai documenti https://docs.angularjs.org/api/ng/service/ $ http

Ora la strada giusta da usare è:

// Simple GET request example: 
$http({ 
    method: 'GET', 
    url: '/someUrl' 
}).then(function successCallback(response) { 
    // this callback will be called asynchronously 
    // when the response is available 
    }, function errorCallback(response) { 
    // called asynchronously if an error occurs 
    // or server returns response with an error status. 
}); 

L'oggetto risposta ha queste proprietà:

• dati - {string | oggetto} - Il corpo di risposta trasformato con le funzioni di trasformazione.
• stato - {numero} - codice di stato HTTP della risposta.
• intestazioni - {function ([headerName])} - Funzione getter intestazione.
• config - {Object} - L'oggetto di configurazione utilizzato per generare la richiesta.
• statusText - {string} - Testo di stato HTTP della risposta.

Un codice di stato di risposta tra 200 e 299 è considerato uno stato di successo e determinerà il richiamo della chiamata di successo.