How to get error message from web api in angular?

Question

How can i get error message returned by web api in Angular.

This is what I have got in fiddler

{"Message":"The request is invalid.","ModelState":{"":["Name test1 is already taken."]}}

 ()''

what do i change in error function to show just 'Name test1 is already taken'? This is Angular http post.

        $http({
            method: 'POST',
            url: 'api/Account/Register',
            data: { 'UserName': user.username, 'Password': user.password, 'ConfirmPassword': user.confirmpassword, 'Email': user.email },
        })
        .success(function () {
            toastr.success('successfully registered. ');                        
        })
        .error(function (error) {           
            toastr.error('error:' + error);                
        });

Pascal Le Merrer · Accepted Answer · 2014-02-25 21:37:29Z

The response you get from the server is quite surprising. It does not look like a valid json string. the first item in model state has no id.

{"Message":"The request is invalid.","ModelState":{"":["Name test1 is already taken."]}}

should be something like:

{"Message":"The request is invalid.","ModelState":{"message":["Name test1 is already taken."]}}

and then you could access to your message with

error.ModelState.message[0]

It should work, although the error response look too complicated. Why is the error message in an array? Isn't it possible to simplify the response like this:

{"Message":"The request is invalid.","ModelState":{"message":"Name test1 is already taken."}}

or

{"Message":"The request is invalid.","ModelState": "Name test1 is already taken."}

Or if you need several error messages to be returned at once:

{"Message":"The request is invalid.","ModelState": ["Name test1 is already taken."]}

In this last example you could access the messages by iterating on error.ModelStage

Beryllium · Accepted Answer · 2014-03-23 07:56:17Z

1

ModelState[""][0]

that will give you just the message

edited Mar 23, 2014 at 7:56

Beryllium

13k11 gold badges59 silver badges88 bronze badges

answered Mar 23, 2014 at 7:34

Jason

211 bronze badge

Comments

Dovydas Šopa · Accepted Answer · 2016-05-18 06:11:04Z

0

This code has worked for me:

$scope.message = response.statusText + "\r\n";
if (response.data.modelState) {
    for (var key in response.data.modelState) {
        $scope.message += response.data.modelState[key] + "\r\n";
    }
}
if (response.data.exceptionMessage)
    $scope.message += response.data.exceptionMessage;

edited May 18, 2016 at 6:11

Dovydas Šopa

2,4008 gold badges28 silver badges34 bronze badges

answered May 18, 2016 at 5:30

Sam MirzaGharcheh

1171 silver badge3 bronze badges

Collectives™ on Stack Overflow

How to get error message from web api in angular?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related