Get JSON object from AJAX call

Question

I'm new to AJAX and javascript. In my project, I have to get a json object in my javascript file. I've used spray-json and it shows me the json object in the url. http://localhost:8081/all-modules

{
  "status": "S1000",
  "description": "Success",
  "results": ["module1", "module2", "module3"]
}

My Ajax call

  $.ajax({
        url: 'http://localhost:8081/all-modules',
        dataType: 'application/json',
        complete: function(data){
            alert(data)
        },
        success: function(data){
            alert(data)
        }

It returns an alert [object Object]. What is the issue in here?

Try alerting `data.status`. I don't think there's an issue. You just cant alert an object — pstenstrm, Mar 06 '14 at 07:16
`alert` will implicitly call `toString` on `data`, which will be an object literal (how the JSON is parsed), and that value is "[object Object]" — Ian, Mar 06 '14 at 07:18
http://stackoverflow.com/questions/1036028/get-json-data-back-from-ajax-call — Bangalore, Mar 06 '14 at 07:19
Use JSON.stringify(data) while displaying in alert as alert cannot display the object. It will convert object to string format. — Purushotham, Mar 06 '14 at 07:29

score 18 · Answer 1 · answered May 12 '15 at 12:51

18

Try the following;

var data = '{"name": "John","age": 30}';

var json = JSON.parse(data);

alert(json["name"]);
alert(json.name);

You can also check out this link: How to access JSON object in JavaScript

answered May 12 '15 at 12:51

Cybermatatu

345
2
7

ipohfly · Answer 2 · 2015-12-29T16:36:53.807

4

If you wish to see all the data in the JSON object, use JSON.stringify Refer here for more details

Hope that helps.

edited Dec 29 '15 at 16:36

answered Mar 06 '14 at 07:20

ipohfly

1,959
6
30
57

rajesh kakawat · Answer 3 · 2014-03-06T07:28:18.100

just console.log(data) you will see your object.

you can access your value by something like this

data.id //will give you id

it also depend on you json how you are creating check this out for explanation

// if it simply json then access it directly
//Example => {"id":1,"value":"APPLE"}
data.id; // will give you 1 

// if it json array then you need to iterate over array and then get value.
//Example => [{"id":1,"value":"APPLE"},{"id":2,"value":"MANGO"}] then
data[0].id;  // will give you 1

so your code will be like this

 $.ajax({
    url: 'http://localhost:8081/all-modules',
    dataType: 'application/json',
    complete: function(data){
        alert(data.status);// S1000
        alert(data.description);// Success
        // for results you have to iterate because it is an array
        var len =  data.results.length;
        for(var i=0;i<len;i++ ){
            alert(data.results[i]);
        }
    },
    success: function(data){
        alert(data)
    }
})

score 0 · Answer 4 · answered Mar 06 '14 at 07:17

try console.log() it will log on the console. alert doesnot displays the object.

 $.ajax({
    url: 'http://localhost:8081/all-modules',
    dataType: 'application/json',
    complete: function(data){
        console.log(data)
    },
    success: function(data){
        console.log(data)
    }

score 0 · Answer 5 · edited Mar 08 '14 at 23:40

0

data is no longer in JSON format, it is a Javascript Object. You do not need to use function like jQuery.parseJSON anymore.

It is one common mistake for beginners.

If you want to see this Javascript Object, try alert(JSON.stringify(data));

edited Mar 08 '14 at 23:40

BenMorel

34,448
50
182
322

answered Mar 06 '14 at 07:23

James King

1,574
4
19
28

score 0 · Answer 6 · answered Mar 06 '14 at 10:43

i think you just printing the object.Try someting like this

$.ajax({
    url: 'http://localhost:8081/all-modules',
    dataType: 'application/json',
    complete: function(data){
        alert("status = "+data.status+"descripttion"+data.description);
    },
    success: function(data){
         alert("status = "+data.status+"descripttion"+data.description);
    }

score 0 · Answer 7 · answered May 07 '14 at 08:26

0

Try data[0].status;. Your data are in an object now. At console.log(data) you can see that

answered May 07 '14 at 08:26

John Priestakos

415
4
19

Get JSON object from AJAX call

7 Answers7

Linked