How to get json data in AJAX success function

Question

I have an AJAX call:

$.ajax({
    type     : "POST",
    dataType : 'JSON',
    url      : "../hotelroomtype",
    data     : form_data,
    success  : function(data){
        var datas = $.parseJSON(data);
        alert(datas['categorys'].categorytype0)
        // var returnedData = $.parseJSON(data);
        // alert(returnedData);
        // $('.x').html(returnedData);
        //
        // for(i=1;i<oldSeason;i++){
        //     $('#roomcategory'+i).html(data.categorytype+i);
        // }
    }
});

Server returned to my js the following JSON data

[{"categorytype0":"<div class='panel-body'>adfdfs<\/div><div class='panel-body'>adfdfs<\/div><div class='panel-body'>adfdfs<\/div><div class='panel-body'>adfdfs<\/div>"},{"categorytype1":"<div class='panel-body'>adfdfs<\/div><div class='panel-body'>adfdfs<\/div><div class='panel-body'>adfdfs<\/div><div class='panel-body'>adfdfs<\/div><div class='panel-body'>adfdfs<\/div><div class='panel-body'>adfdfs<\/div><div class='panel-body'>adfdfs<\/div><div class='panel-body'>adfdfs<\/div>"}]

When I check with alert it only shows [object object]. Where is the problem?

Edited: AJAX call:

 $.ajax({
        type     : "POST",
        url      : "../hotelroomtype",
        data     : form_data,
        success  : function(data){
          dataType : 'JSON',

             for(i=1;i<oldSeason;i++){
                 $('#roomcategory'+i).html(data.categorytype+i);
             }
        }
    });

here i get the result, but not in proper way.I need the result in categorytype wise. but it is in array..i can't get it separatly

here is my json call

$data = array();
for($i=0;$i<$cnt;$i++)
{
    array_push($data, array('categorytype'.$i.'' =>$roomtype));
}
    echo json_encode($data, JSON_UNESCAPED_SLASHES);

http://stackoverflow.com/questions/13456610/json-returning-object-object — johnny, Sep 07 '15 at 15:48
possible duplicate of [Javascript - \[object Object\] means?](http://stackoverflow.com/questions/8892465/javascript-object-object-means) — Cel Skeggs, Sep 07 '15 at 16:47
'Data' is already a plural name. So you don't need to use 'datas'. Singular is 'datum'. — Florent Ferry, Sep 08 '15 at 06:41

score 0 · Answer 1 · answered Sep 07 '15 at 15:46

0

Try replacing

alert(datas['categorys'].categorytype0)

with

alert(datas.categorytype0)

answered Sep 07 '15 at 15:46

Paddyd

1,870
16
26

score 0 · Answer 2 · answered Sep 07 '15 at 15:46

I think that you don't need to do the parseJSON function since you are working with Javascript and therefore data is already a JSON object.
You can access directly to each of the objects like: data[x]. Then you can access each of the properties of the element lika an associative array.

score 0 · Answer 3 · answered Sep 07 '15 at 15:48

You've set the dataType to 'json', so the parameter should already be a json object.

Also, your json is an array containing a single object. It has no element named 'categorys'.

I recommend, instead of using alert, using console.log. That will show you the whole object in the console, in a much more useful format.

How to get json data in AJAX success function

3 Answers3