Unable to Parse the json object values inside the Ajax call Error section

Question

I have the following Ajax call to a rest web API:-

$.ajax({
    url: "/********/getbytitle('****')/items",
    type: "POST",
    contentType: "application/json;odata=verbose",
    data: JSON.stringify(item),
    headers: {
        "Accept": "application/json;odata=verbose",
        "X-RequestDigest": $("#__REQUESTDIGEST").val()
    },
    success: function (data) {
    
            if(data.d != null){

    //code goes here..

}
        
    },
    error: function (data) {
        alert(data.error.message.value);
        
        $("#customloader").hide();
    }
});

where inside the error section, i want to capture the error message value using alert(data.error.message.value);, but i am getting the following error inside my browser console:-

data.error.message.value is undefined!!

although the JSON object have the following format:-

now as mentioned on the above picture, the error is returned if the user is not authorized. and our application will show username/password dialog box , when an unauthorized request is being received.. but i want to show the alert beside the username/pasword dialog box, with the json error message inside it..

Rory McCrossan · Accepted Answer · 2018-06-07 16:26:42Z

2

The issue is because the first argument to the error handler is the XHR object, not the parsed JSON response.

To make this work as you require you need to get the responseText from the XHR yourself and parse it manually before attempting to read the value property. Try this:

error: function(xhr) {
  var data = JSON.parse(xhr.responseText);
  console.log(data.error.message.value);

  $("#customloader").hide();
}

answered Jun 7, 2018 at 16:26

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rory McCrossan Over a year ago

No problem, glad to help

Collectives™ on Stack Overflow

Unable to Parse the json object values inside the Ajax call Error section

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related