Unable to read JSON object?

Question

I have am receiving JSON data from an AJAX request in this format:

{
  "details": [{
    "USERID": "45759568",
    "USERNAME": "don",
    "PASSWORD": "don",
    "ISACTIVE": true,
    "USERTYPE": "Admin"
  }]
}

I have tried to read the details object like this, however I am confused whether I am doing things correctly, or making a mess. Any advice would be appreciated.

$(document).on('click', '.loginnow', function() {
  var name = $('.name').val();
  var pass = $('.PASSWORD').val();
  if ($('#Registration').valid()) {
    $.ajax({
      type: "POST",
      url: "@Url.Action("
      DashBoard ","
      Login ")",
      dataType: 'text',
      data: {
        'username': name,
        'password': pass
      },
      success: function(data) {
        debugger
        console.log(data);
        var da = JSON.parse(data);
        da = da.details.USERID; //here da is always undefined
        console.log(da);
        if (da == "") {
          alert("Please Login to Registser");
        } else {
          var userid = da;
          var url = '/AdminPanel/Login?ID=' + userid + '';
        }
      },
      error: function(data) {
        alert('error');
      }
    })
  }
})

Note that reading the object resulting from JSON deserialisation is a job for plain JS, not jQuery, as the latter is primarily a tool for amending the DOM. I've retagged the question for you. — Rory McCrossan, Mar 05 '20 at 08:44
Possible duplicate of [How can I access and process nested objects, arrays or JSON?](https://stackoverflow.com/q/11922383/218196) — Felix Kling, Mar 05 '20 at 08:51

score 5 · Accepted Answer · answered Mar 05 '20 at 08:39

details is an array, so you need to either access it by index (eg. data.details[0].USERID) or loop through it, as in the below example.

Also note that your MVC endpoint will set the correct JSON mime type for the response (assuming you're returning a JsonResult as you should be) so you don't need to manually call JSON.parse().

var data = {
  "details": [{
    "USERID": "45759568",
    "USERNAME": "don",
    "PASSWORD": "don",
    "ISACTIVE": true,
    "USERTYPE": "Admin"
  }]
}

//success: function(data) {
  data.details.forEach(detail => {
    let userid = detail.USERID;
    console.log(userid);

    if (userid == "") {
      alert("Please Login to Registser");
    } else {
      var url = '/AdminPanel/Login?ID=' + userid;
      console.log(url);
    }
  });
//}

Thanks for the response and advice :) didn't realize its a ```array```, yeah being a newbie though — marceloo1223, Mar 05 '20 at 08:43

Unable to read JSON object?

1 Answers1