ansaurus

Question

json help (how get data from a specific field and use it in a webpage)

Answer 1

+1 A:

I made a simple proof-of-concept. You can test it on JSFiddle. (with jQuery) (without jQuery):

Thread has <span id="comm_count"></span> comments
<script type="text/javascript">
    function show_num_comments(response)
    {
       window.addEventListener("load", function()
       {
         document.getElementById('comm_count').textContent = response[0].data.children[0].data.num_comments;
       }, false);
    }
</script>
<script type="text/javascript" src="http://www.reddit.com/r/redditdev/comments/d570p/reddit_widget_help/.json?jsonp=show_num_comments"&gt;&lt;/script&gt;

Because this is cross-domain, we have to use JSONP (JSON with padding). Basically, this means we provide a special function on our page (show_num_contents), then use a script tag. Reddit responds with a a script that calls the function, passing in the JavaScript object.

We use addEventListener to wait until load to manipulate the DOM.

Matthew Flaschen 2010-08-26 23:49:44

Thanks. Looks good. I can see it works on JSFiddle. I'll have a play with our course moodle/blackboard shells and see if I can get it to work.

ChrisKing 2010-08-27 00:09:23

Thanks for your very helpful proof-of-concept. I've edited the question with an update on how things are working out.

ChrisKing 2010-08-27 03:58:45

To be clear, you don't strictly need jQuery, and I've posted a version without it here and [to jsFiddle](http://jsfiddle.net/FJMe6/4/). However, jQuery, or another library, will help with cross-browser issues. For example, IE uses the proprietary `attachEvent` rather than `addEventListener`. I'm not really familiar with moodle or blackboard, so I can't help with that part.

Matthew Flaschen 2010-08-27 07:05:30

ansaurus

tags:

views:

answers:

json help (how get data from a specific field and use it in a webpage)

related questions