Add JSON object to DIV

Question

I have a JSON object that I'm getting as a response to an AJAX call:

{ "Score": 5, "OS": "Windows 7" }

I want to add it to a div but the following does not work, data.OS or data.Score just return as undefined

$.ajax({
     type: "POST",
     url: '/details',
     data: JSON.stringify(IP), 
     contentType: 'application/json;charset=UTF-8',   
     success: function(data) {

        $('#OSdetails').append('<div id="details">Operating System: ' + data.OS + '</div>');

     }
});

What am I doing wrong?

If you console.log(data), you get exactly Object { "Score": 5, "OS": "Windows 7" }? — GG.
– GG., Commented Apr 18, 2016 at 19:52
What was the requested data type in your Ajax call? If you set it to JSON it will convert automatically. Please show your Ajax call code — iCollect.it Ltd
– iCollect.it Ltd, Commented Apr 18, 2016 at 19:53
If you use firebug then you can debug the success method and see what paramaters the data paramater has. — ThunD3eR
– ThunD3eR, Commented Apr 18, 2016 at 19:57

iCollect.it Ltd · Accepted Answer · 2016-04-18 19:57:43Z

7

$.ajax({
     dataType: 'JSON',         <==== THIS IS MISSING
     type: "POST",
     url: '/details',
     data: JSON.stringify(IP), 
     contentType: 'application/json;charset=UTF-8',   
     success: function(data) {

dataType specifies the expected data type and allows for automated conversion

answered Apr 18, 2016 at 19:57

iCollect.it Ltd

93.9k26 gold badges189 silver badges210 bronze badges

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

3 Comments

Strobe_ Over a year ago

Just a moment, I need to re-setup my server and then I will verify.

iCollect.it Ltd Over a year ago

Pretty common error. You specified the type of data being send, but not what was expected back.

Strobe_ Over a year ago

Worked great, sorry for the slow response. Was having some server issues.

Collectives™ on Stack Overflow

Add JSON object to DIV

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related