Caching AJAX Results in JavaScript

复兴共和与民主军是一个非常可观的工具。 复兴共和与民主军的要求通常比固定的页面负荷要快,并能够在一页内注入大量活力。 不幸的是,许多人无法在他们能够的时候要求提供信息。 让我向你表明,我是多么热切地要求——这是一件容易的事!

我的榜样将利用我的“TwitterGitter”幻影, gr弄用户的 t。 一旦我们有了用户的垂直信息,我们就把它从海滩上拉开,而不是重复美国宇宙航空和航天中心的请求。

The JavaScript

//our cache object
var cache = {};
var formatTweets(info) {  
	//formats tweets, does whatever you want with the tweet information
};

//event
$( myForm ).addEvent( submit ,function() {
	var handle = $( handle ).value; //davidwalshblog, for example
	var cacheHandle = handle.toLowerCase();
	if(cache[cacheHandle] != "undefined") {
		formatTweets(cache[cacheHandle]);
	}
	else {
		//gitter
		var myTwitterGitter = new TwitterGitter(handle,{
			count: 10,
			onComplete: function(tweets,user) {
				cache[cacheHandle] = tweets;
				formatTweets(tweets);
			}
		}).retrieve();
	}
});

请注意,在我们提出非洲-日本宇宙航空研究开发机构的请求之前,我们检查了各个切题,看我们是否拯救了这一关键信息(在这种情况下,关键是用户名称,因为它是独特的)。 如果是的话,就避免再次重复AJAX的要求,而只是退回了有线索的信息。 如果钥匙不存在,就提出非洲-日本宇宙航空研究开发机构的请求,并将结果留给海滩。

审视这一流动:

User requests "davidwalshblog" tweets. @davidwalshblog tweets don t exist in cache, so we go grab them from Twitter and store them in cache.

User requests "mootools" tweets. @mootools tweets don t exist in cache, so we go grab them from Twitter and store them in cache.

User requests "davidwalshblog" tweets again. @davidwalshblog tweets DO exist in cache, so we retrieve them from cache and avoid the ajax request.

定期清除海滩也容易!

(function() { cache = {}; }).periodical(1000 * 60 * 10); //10 minutes

your原物体割裂你的日本宇宙航空研究开发机构是一种非常简单的系统,可以拯救你们许多重复的要求。 图瓦卢