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

Question

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": "[email protected]"         },         {             "$id": "3",             "email": "[email protected]"         }     ],     "JsonRequestBehavior": 1,     "MaxJsonLength": null,     "RecursionLimit": null } 

How can I get the Data field from the responseText?

Answer 1

use JSON.parse(), like:

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