parse API response in JSON using jQuery and html

Question

I'm trying to call a JSON API response and can't seem to displace the response on my website. Can anyone help me figure out what I'm doing wrong?

Updated:

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

 <script>
    $(document).ready(function(){ 

   $.getJSON("http://localhost:8080/animal/farm", function(data) {

      alert("hi");alert(data.data.writeLatencyMicro);
      alert(data.farm.horses);
      $("ConPerSec").html(JSON.stringify(data));       
   });
 });
</script>

...html

 <div id="ConPerSec">
 </div>

....

The JSON file comes back as {"farm":{"horses":"2", "cows":"5"}}

I don't get it, does it output that string on the screen, or doesn't it output anything? Did you try chaining on a fail() to see if there are errors, such as same origin issues etc — adeneo
– adeneo, Commented Feb 28, 2014 at 8:17
And what's with the window.onload and the ancient jQuery version! — adeneo
– adeneo, Commented Feb 28, 2014 at 8:18
Oh, I'm super new at jquery. will look up the new functions. — LiLi Liu
– LiLi Liu, Commented Feb 28, 2014 at 8:19
If it's just the one item you are updating, I suggest you use id instead of class <div id="mydiv"> and then the jQuery $("#mydiv").html(JSON.stringify(data)) unless your intent was to update multiple items on your page that had the class 'ConPerSec' — Tim
– Tim, Commented Feb 28, 2014 at 8:23

Girish · Accepted Answer · 2014-02-28 17:26:50Z

1

If it will always be 1 object / row:

$.getJSON("http://localhost:8080/animal/house", function(data) {
         alert(data.farm.horses);
         alert(data.farm.cows);
});

edited Feb 28, 2014 at 17:26

Girish

12.1k3 gold badges37 silver badges54 bronze badges

answered Feb 28, 2014 at 8:25

KoalaBear

3,0283 gold badges29 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

parse API response in JSON using jQuery and html

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related