Request.JSONP

by alansouzati

HTML

<div class='wrapper'>
  <ul id='post'></ul>
</div>

CSS

body {
    font-family: Helvetica, Sans, Arial;
}
p, ul {
    padding: 10px;
}
ul {
    margin: 5px;
    border: 2px dashed #999;
}

JavaScript

var jsonp = function (url, cb) {
  var now = +new Date(),
      id = now + "_" + Math.floor(Math.random()*1000);

  var script = document.createElement("script"),
      callback = "jsonp_" + id,
      query = url.replace("@", callback);

  script.setAttribute("type", "text/javascript");
  script.setAttribute("src", query);
  document.body.appendChild(script);

  window[callback] = cb;
};

var url = 'https://api.facebook.com/method/fql.query?format=json&callback=@&query=select%20like_count%2C%20share_count%20from%20link_stat%20where%20url%20%3D%20%27http%3A%2F%2Fblog.grommet.io%2F2016%2F02%2F12%2Fwhy-you-should-be-friends-with-your-style-guide%2F%27';

jsonp(url, function (data) {
  alert('Share: ' + data[0].share_count + ' , Likes: ' + data[0].like_count);
});