Question

i have a little script which fetches the likes and tweets count about a url via jquery. Now it works great, but when a certain page has 0 like/shares, then jquery returns ‘undefined’ because the ‘shares’ part is not shown in the output.

$(document).ready(function() {
    url = "http://awebsitehere.com/";
    beforecounter = " <b>";
    aftercounter = "</b>";

    // Get Number of Facebook Shares
    $.getJSON('http://graph.facebook.com/'+url+'&callback=?',
        function(data) {
            $('#facebook').append(beforecounter + data.shares + aftercounter);
    });

    // Get Number of Tweet Count
    $.getJSON('http://urls.api.twitter.com/1/urls/count.json?url='+url+'&callback=?',
        function(data) {
            $('#twitter').append(beforecounter + data.count + aftercounter);
    });


})

How would I have to edit this script to display 0 instead of undefined when facebook has got 0 shares/likes for a certain url?

Answer 1

try this:

$('#facebook').append(beforecounter + (data.shares || 0) + aftercounter);

and likewise for the twitter value.