JSON file data display on HTML using jquery

Question

Trying to append data from this json file to html doc. This is the script:

$(document).ready(function() {
  $.ajax({
    type: "GET",
    url: "Beer.json",
    dataType: "json",
    success: processBeer,
    error: function(){ alert("error"); }
  });
  function processBeer(data){
    $(".box").append("Hello");
  }
}

This is the HTML:

<div class="box" id='d'>


</div>

The hello part is just to try and get anything to append to the box. Right now cant get anything to come up. Using chrome. — applewood
– applewood, Commented Jul 19, 2013 at 18:07
Could you look in the "Network" tab in your chrome debugger to see what the status of the AJAX request is — compid
– compid, Commented Jul 19, 2013 at 18:09
Yes, looks like it's probably a syntax error as Explsion Pills points out. Use the console in the debugger to track down your errors. — compid
– compid, Commented Jul 19, 2013 at 18:11
Are you using any debuggers? There are at least two errors I see (brackets, as well as not passing an argument to processBeer) that would be very evident if you were using Firebug, Chrome Developer Tools, etc. — ernie
– ernie, Commented Jul 19, 2013 at 18:12
Ok going to try and use the debugger, really new to HTML thanks a lot guys. I fixed the data passing problem and the brackets though. — applewood
– applewood, Commented Jul 19, 2013 at 18:30

Explosion Pills · Accepted Answer · 2013-07-19 18:10:25Z

1

You have a syntax error in the script that is probably preventing it from running altogether. You never close the paren for the .ready call

answered Jul 19, 2013 at 18:10

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

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

Collectives™ on Stack Overflow

JSON file data display on HTML using jquery

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