Midhuna Midhuna - 5 months ago 32
jQuery Question

How to get "Data" field from xhr.responseText?

I have

XMLHttpRequest()
function given below

var searchFriendRequests = function (userid) {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://localhost:6344/api/Registeration/searchFriendrequests?userid=' + userid, false);
xhr.setRequestHeader("Content-Type", "text/xml");
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
var data = xhr.responseText;
}
}
};
xhr.send(null);
}


where
xhr.responseText
returns value as

{
"$id": "1",
"ContentEncoding": null,
"ContentType": null,
"Data": [
{
"$id": "2",
"email": "anu@gmail.com"
},
{
"$id": "3",
"email": "anu@gmail.com"
}
],
"JsonRequestBehavior": 1,
"MaxJsonLength": null,
"RecursionLimit": null
}


How can I get the
Data
field from the
responseText
?

Answer

use JSON.parse(), like:

var data=xhr.responseText;
var jsonResponse = JSON.parse(data);
console.log(jsonResponse["Data"]);
Comments