ajax json : how to retrieve data from json object received by ajax? - json

Question

Here is the code:
$.ajax({
url: MyURL,
method: 'GET',
processData: true,
contentType: 'application/json;',
dataType: "json",
success: function(data) {
alert("Success data= "+JSON.stringify(data));
var count = Object.keys(data).length;
alert("count = "+count );
result=data[0];
alert("result.CountryName:"+ result.CountryName);
alert("total " + keys.length + " keys: " + keys);
error: function(data) { alert("ajax Error"); },
});
The 1st alert seems ok and gives:
Success data= "[{\"CountryName\": \"france\", \"Currency\": \"Euro\", \"PriceMax\": 500.00, \"PriceStep\": 50.00, \"PriceMin\": 100.00}]"
From the firebug/network/response i see the same data (with the backslash!!)
The 2nd alert gives 107. Apparently each character is an object ?
But when i check the syntax on http://jsonlint.com/ the json is correct.
Finally the last alert gives: undefined.
So what is wrong ?
Thank you for your help

Answer 1

The data you're sending is an array containing a single object. You'll need to use data[0]['CountryName'].

Answer 2

The response that you have is not an JSON object, it is a String. So you need to parse it to a JSON and then take the first position of the array.
json_data = JSON.parse(data)
result = json_data[0]
and then you use a property of that object:
result.CountryName

Answer 3

The problem was the slash in the json string.
I read Why does JSON returned from the django rest framework have forward slashes in the response? and make some modif in my django code.
i changed return JsonResponse(simplejson.dumps(data), safe=False)
to return JsonResponse(data, safe=False) and the slash disappeared then the javascript code worked.
Thanks for your help Daniel and Rubico