Despite my efforts to find solutions on Google and Stack Overflow for similar or identical issues, as a newcomer, none of them have provided me with any insight on how to resolve the issues in my code.
Here is the script I am working with:
$http.post('/authlogin', {
email: $scope.userdata.email,
password: $scope.userdata.password
}).then(function(response) {
console.log(response);
if (response.status == 400) {
$scope.errormsg = response.data;
}
if (response.status == 200) {
window.location = '/admin';
}
});
Everything functions properly for a 200 OK response. However, when the login fails and the API responds with a 400 Bad Request, it seems like the anonymous function with the response isn't being called. Most checks for statuses 400, 200, 201, etc., work flawlessly everywhere else, but not with 400.
This is the error displayed in the browser console by AngularJS (sensitive data has been prettified and removed):
Possibly unhandled rejection:
{
"data": "Invalid email/password combination.",
"status": 400,
"config": {
"method": "POST",
"transformRequest": [null],
"transformResponse": [null],
"jsonpCallbackParam": "callback",
"url": "/authlogin",
"data": {
"email": "####",
"password": "***"
},
"headers": {
"Accept": "application/json, text/plain, */*",
"Content-Type": "application/json;charset=utf-8"
}
},
"statusText": "Bad Request"
}
As I am not an expert in angular.js, I would greatly appreciate an explanation of this behavior along with a potential solution.
My goal is to present the user with an error message that is returned in data.