Reading object from success function of $.ajax

Question

Hi I have following ajax function..

         $.ajax({
                url: './sales/cat/salesCat'
              , target: null
              , type: "get"
              , dataType: "json"
              , data: {

                  locale: LOCALE
              }
              , success: function (object) {
                  $.each(object, function (key, value) {
                      alert(key + ":" + value);
                  })
              }
         });

It returns following output

 {
  "success": true,
  "totalCount": 2,
  "data": [
    {
      "East Division": "Yearly Sales"
      "West Division": "Yearly Sales"
    }
  ]
}

Problem is I am trying to read the returned values to use it. When Success function executes and in my alert I get alert message

         data:[object Object]

Please let me know how to correct the

          $.each(object, function (key, value) {
                  alert(key + ":" + value);
              })

So alert can display for example East Division:Yearly Sales Thanks for your help.

Don't use `alert` to debug code, use `console.log`. `[object Object]` is a stringified object, as `alert` only takes strings. — elclanrs, Jan 13 '14 at 22:33
possible duplicate of [jQuery - How to recursively loop over an object's nested properties?](http://stackoverflow.com/questions/12295494/jquery-how-to-recursively-loop-over-an-objects-nested-properties) — Blazemonger, Jan 13 '14 at 22:33
first of all you missed one comma, second this happens because it gets stuck at data array. — Alex Shilman, Jan 13 '14 at 22:35
@Blazeonger! I already searched the Stackoverflow this is not what my question is. It is not a duplicate post. I guess if you want to far fetch you can say anything is duplicate. — J. Davidson, Jan 13 '14 at 22:39

score 1 · Answer 1 · edited May 23 '17 at 11:46

1

The data you're getting back is an object, hence your data:[object Object] response in the alert.

To debug, use console.log() instead and look in your browser console (Chrome: F12 debug tools, for example).

If you wanted to get the first value of your data object in this case, you can reference it one of two ways:

data["East Division"]

Or

data[0]

You can also use recursion to do this, see how to Loop through an array in JavaScript

edited May 23 '17 at 11:46

Community

1
1

answered Jan 13 '14 at 22:36

brandonscript

68,675
32
163
220

I think he wants a way to recursively iterate over object, not to reference each one. +1 for you support – Fred Jan 13 '14 at 22:37

score 0 · Accepted Answer · edited Apr 13 '17 at 12:33

0

That's because when using alert() to output an object the object gets converted to a string. An object as a string is "[object Object]".

Instead you should use console.log() to output the object to your browser's JavaScript console.

var data = { key: "value" };
data.toString(); // "[object Object]"
data; // Object { key: "value" }

The other problem you have is that your data response is missing a , and is thus invalid:

"data": [
    {
      "East Division": "Yearly Sales" // <--- No comma
      "West Division": "Yearly Sales"
    }
]

This will throw:

SyntaxError: Unexpected token :

edited Apr 13 '17 at 12:33

Community

1
1

answered Jan 13 '14 at 22:34

James Donnelly

126,410
34
208
218

Thanks for the observation and comment. I forgot to add it while copying in the question. – J. Davidson Jan 13 '14 at 23:33

score 0 · Answer 3 · answered Jan 13 '14 at 22:36

0

You can translate it to a JSON string (for debugging obviously):

alert(JSON.stringify(object));

answered Jan 13 '14 at 22:36

Jochem Kuijpers

1,770
3
17
34

Reading object from success function of $.ajax

3 Answers3