Geek Answers Handbook

JQuery Call for Blogger

I have a google blog (blogger) and I want to get json data from an external site to integrate into my posts. I used the jquery library and getJson function to get json data but nothing is returned.

Blogger restricts any external jquery calls? Any ideas? thank you

+4
source share
2 answers

You can find out http://code.google.com/apis/gdata/docs/json.html for information. But look at the JSONP mode used by jquery and you will see how to do it. For example, the following code shows how to get the comment feed from the Blogger API:

var BloggerImporter = { getComments : function(username){ var feedURL = "http://"+username+".blogspot.com/feeds/comments/default"; var paras = { alt : 'json-in-script' }; $.ajax({ url: feedURL, type: 'get', dataType: "jsonp", success: BloggerImporter.onGotCommentData, data: paras }); }, /** * Parse the JSON comment data returned by the Google Blogger API */ onGotCommentData : function(data){ var feed = data.feed; var entries = feed.entry || []; var txt = ""; for (var i = 0; i < entries.length; ++i) { var entry = entries[i]; var title = entry.title.$t; txt += title; } alert(txt); } }
+7
source

Here is the code I use to embed my entire blog. Not good for SEO, since Google will never see it, but all I really cared about was making the blog page half worthy.

 <div id="blogContainer"></div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $.ajax({ url: 'http://www.blogger.com/feeds/<your blogger ID>/posts/default?alt=json-in-script', type: 'get', dataType: "jsonp", success: function(data){ for (var i = 0; i < data.feed.entry.length; i++){ $('#blogContainer').append('<div class="blogItem"><h2>' + data.feed.entry[i].title.$t + '<span class="author"> by ' + data.feed.entry[i].author[0].email.$t + '</span></h2>' + data.feed.entry[i].content.$t + '<br clear="all"></div>'); } } }); </script>
+4
source

More articles:


All Articles