Home >Web Front-end >JS Tutorial >Specific steps to obtain the number of Twitter and Facebook articles using JSONP_javascript skills

Specific steps to obtain the number of Twitter and Facebook articles using JSONP_javascript skills

WBOY
WBOYOriginal
2016-05-16 16:58:241181browse

The original article is about using Twitter and Facebook. Because of the crackdown in China, what I find useful is a tool class for obtaining JSONP.

What bothers me is that many popular APIs already require authentication to obtain. information.

Since I can access these pages and get the information, why don't I use some simple code to get it and skip the verification step?
I think Twitter and Facebook require authentication to get the article number, but it turns out you can get this information via JSONP. Please refer to the steps below.

The JavaScript

I will show you how to do this using basic JavaScript:

Copy Code The code is as follows:

// Get the encapsulated object of the number of articles
var socialGetter = (function() {
/* JSONP: Tool function for getting the script*/
function injectScript(url) {
var script = document.createElement('script');
script.async = true;
script.src = url;
document.body.appendChild (script);
}

return {
getFacebookCount: function(url, callbackName) {
injectScript('https://graph.facebook.com/?id=' url ' &callback=' callbackName);
},
getTwitterCount: function(url, callbackName) {
injectScript('http://urls.api.twitter.com/1/urls/count.json?url =' url '&callback=' callbackName);
}
};
})();

// callback method
function twitterCallback(result) {
result .count && console.log('The count is: ', result.count);
}
function facebookCallback(result) {
result.shares && console.log('The count is: ', result.shares);
}

// Call
socialGetter.getFacebookCount('http://davidwalsh.name/twitter-facebook-jsonp', 'facebookCallback');
socialGetter .getTwitterCount('http://davidwalsh.name/twitter-facebook-jsonp', 'twitterCallback');

Because there are many lightweight micro-frameworks to process JSONP, this article is the most The important part may be the url to obtain the information. Choose your JSONP tool according to your needs and habits!

Twitter and Facebook definitely have limits on the number and frequency of these requests, so if your website has a lot of traffic, JSONP is likely to be blocked or blocked . A quick solution is to store the article count information in sessionStorage, but this is only for a single user. If the website you are running has large traffic, you'd better choose to capture the data on the server side, cache it, and automatically refresh it within a certain period of time.
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn