get posts using javascript

• 

  vitalipro · Member · Sep 14, 2013 at 7:08 pm

  • Copy link
  • Add topic to favorites

  Hello, I want to have list of recent posts on my website. How can I query it using javascript? Is it exposed thru JSON?

  The blog I need help with is: (visible only to logged in users)

• 

  eurello · Staff · Sep 15, 2013 at 9:01 pm

  • Copy link

  Hi Vitali – You can simply use the Recent Posts widget: Recent Posts Widget

  Here on WordPress.com, it’s not possible to use JavaScript or edit the HTML of your theme files. If you want to be able to do that, you might be interested in a self-hosted WordPress installation. You can read more about the differences here: http://en.support.wordpress.com/com-vs-org/

• 

  vitalipro · Member · Sep 16, 2013 at 2:41 am

  • Copy link

  Hello, thanks for your reply. I already know and use widget for my blog. That’s not quite what I meant to ask. I want to include a list of the latest posts from my blog on my personal website.

• 

  eurello · Staff · Sep 16, 2013 at 4:32 pm

  • Copy link

  Hi Vitali – Assuming your personal website is self-hosted WordPress, that’s a question for the WordPress.org forums here:
  http://wordpress.org/support/

  They should be able to advise you how best to accomplish this. I think there are also a couple of plugins that display a feed of a given site on your website that might work for you. :)

• 

  vitalipro · Member · Sep 16, 2013 at 4:47 pm

  • Copy link

  Again that’s not what I meant to ask. I have a blog hosted at wordpress.com. I have a personal website hosted at godaddy. I don’t host wordpress on my website. I want to have links on my website to a few recent posts on my blog. Right now I achieve this by using google API to pull RSS feed from wordpress and then translate it using xslt into html. Unfortunately recently google blocked there API for Internet Explorer. So, now I’m looking for native wordpress API. Something similar to flickr feeds API (http://www.flickr.com/services/feeds/docs/activity/) that I use to get entries from my flickr feed and incorporate them into my website. All done in javascript on my website.

• 

  vitalipro · Member · Sep 16, 2013 at 4:56 pm

  • Copy link

  Something like what is described at http://vip.wordpress.com/plugins/json-feed/ except it does not work for me: http://blog.vitphoto.com/feed/json

• 

  eurello · Staff · Sep 16, 2013 at 4:59 pm

  • Copy link

  Hi Vitali – Ah, ok, I understand now.

  The plugin you link to is for use only on VIP WordPress.com sites, but we have developer documentation on the WordPress.com Rest API here that might be of help to you:
  http://developer.wordpress.com/docs/api/

• 

  vitalipro · Member · Sep 16, 2013 at 5:23 pm

  • Copy link

  Thanks! That’s what I have been looking for. And I’ve already tested and it gets me what I needed.

• 

  eurello · Staff · Sep 16, 2013 at 6:59 pm

  • Copy link

  Hi Vitali – Perfect! I’m glad it’s working for you. Let us know if you need anything else.

• 

  vitalipro · Member · Sep 16, 2013 at 7:31 pm

  • Copy link

  Something strange is going on. I’ve added javascript to use this API and it works perfectly when I open html on my desktop as a local file. But once I upload and open my website the API returns nothing.
  Here is a javascript snippet of my code:
  var feeds = {
  init: function () {
  setTimeout(function () { feeds.blog.query(); }, 500);
  },

  blog: {
  query: function () {
  // API docs: http://developer.wordpress.com/docs/api/
  $.getJSON(‘https://public-api.wordpress.com/rest/v1/sites/blog.vitphoto.com/posts/?number=5&pretty=1’, function (data) { feeds.blog.process(data); });
  },

  process: function (data) {
  var html = ‘

  ‘;

  // Loop through the results with the following function.
  $.each(data.posts, function (i, post) {
  // Build html.
  html += ‘

  • <p>’ + post.title + ‘</p><div class=”date”>’ + post.date + ‘</div>

  ‘;
  });

  html += ‘

  ‘;

  $(‘#blog’).html(html);
  }
  },
  };

• 

  eurello · Staff · Sep 16, 2013 at 8:29 pm

  • Copy link

  Hi Vitali – Can you please submit this as a question to our developers here:
  http://developer.wordpress.com/contact/

  Thanks very much!