jquery ajax call returns object, how to get object value

Question

So our programmer did an AJAX call that returns an object. I don't have a clue how to append the data it return to an element. Any help is appreciated.

AJAX CALL

$('.submit_btn').unbind('click').bind('click', function(e) {
    e.preventDefault();

    $.ajax({
        type: "POST",
        url: $(this).data('url'),
        data: {
            csrfmiddlewaretoken: $(this).data('csrf')
        },
        success: function(data) {
            console.log('success');
            console.log(data);
        },
        error: function(ret) {
            var data = JSON.parse(ret.responseText);
            console.log('error');
            console.log(data);
        },
    });
});

After clicking the submit button, I get in the console "success" and:

Object {409: "Response message"} or Object {201: "Response message"}

And i should append the response message to an element. How can i access the response message?

the data that was send from php is data since you didnt specify the data type type you should parse it — guradio
– guradio, Commented Sep 18, 2015 at 9:41
@DavidJawphan That's completely wrong, did you even test it? Use data[409]. — rgajrawala
– rgajrawala, Commented Sep 18, 2015 at 9:43
data[409] works, but sometimes it returns 409: "response message" and sometimes it returns 201: "response message".... — gogo_rulez
– gogo_rulez, Commented Sep 18, 2015 at 9:48

user5311329 · Accepted Answer · 2015-09-18 09:53:23Z

4

success: function(data){
  var obj = jQuery.parseJSON(data);
  console.log(obj['yourfieldname_in_json']);
}

answered Sep 18, 2015 at 9:53

user5311329

Sign up to request clarification or add additional context in comments.

3 Comments

user5311329 Over a year ago

console.log(obj['409']);

user5311329 Over a year ago

you can also do this to access value console.log(obj[0][0]);

Dan Beaulieu Over a year ago

please add a brief description as to how this resolves the askers problem. Welcome to Stack Overflow, recommended reading How to Answer.

Peter · Accepted Answer · 2015-09-18 10:04:48Z

1

Since you don't always know the key returned (409 or 201), you can retrieve the response message of the data by doing:

data[Object.keys(data)[0]]

It will give you access to data[409] or data[201]

answered Sep 18, 2015 at 10:04

Peter

6,6994 gold badges33 silver badges36 bronze badges

2 Comments

Basheer AL-MOMANI Over a year ago

give us more explanation about this line @peter, It works perfectly but i dont know how

Peter Over a year ago

Object.keys() returns an array whose elements are strings corresponding to the enumerable properties found directly upon object. The ordering of the properties is the same as that given by looping over the properties of the object manually. Culled from developer.mozilla.org/en/docs/Web/JavaScript/Reference/…

Anik Islam Abhi · Accepted Answer · 2015-09-18 09:42:56Z

1

Try like this

console.log(data["409"]);

answered Sep 18, 2015 at 9:42

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

Comments

Jack jdeoel · Accepted Answer · 2015-09-18 10:09:11Z

0

Try this code

success: function(data) {
        if(data["409"]){        
        console.log(data["409"]);
        }
        else{
        console.log(data["201"]);        
        }
    }

answered Sep 18, 2015 at 10:09

Jack jdeoel

4,5886 gold badges28 silver badges57 bronze badges

Collectives™ on Stack Overflow

jquery ajax call returns object, how to get object value

4 Answers 4

3 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related