Blogger JSON Feed With Jquery Ajax

This is a demo of blogger json feed with jquery ajax from threelas

by putriarisnawati

HTML

<div>See the tutorial on threelas.com</div>
<br/>
<div id="result"></div>

JavaScript

$.ajax({
    url: 'http://www.threelas.com/feeds/posts/default?alt=json-in-script&max-results=9&callback=?',
    type: 'get',
    dataType: "jsonp",
    success: function(data) {
        var posturl = "";
        var htmlcode = '<ul>';
        for (var i = 0; i < data.feed.entry.length; i++) {
                for (var j=0; j < data.feed.entry[i].link.length; j++)
                {
                     if (data.feed.entry[i].link[j].rel == "alternate")
                        {
                            posturl = data.feed.entry[i].link[j].href;
                            break;
                         }
                 }
            if("content" in data.feed.entry[i]){
                var postcontent = data.feed.entry[i].content.$t;
            }else if("summary" in data.feed.entry[i]){
                var postcontent = data.feed.entry[i].summary.$t;
            }else{
                var postcontent = "";
            }
            var re = /<\S[^>]*>/g;
            postcontent = postcontent.replace(re,"");
            //reduce postcontent to 200 characters
            if(postcontent.length > 200){
                postcontent = postcontent.substring(0,200);
            }
            var posttitle = data.feed.entry[i].title.$t;
            htmlcode += '<li><div><a href="'+posturl+'" target="_blank">'+posttitle+'</a></div><div>'+postcontent+'</div></li>';
        }
        htmlcode += '</ul>';
        document.getElementById('result').innerHTML = htmlcode;
    }
});