jQuery的缓存阿贾克斯XMLHtt presponse使用本地存储

问题描述

我有必要升级到提供本地存储的缓存能力，目标是首先使每一个Ajax请求检查是否有一个缓存的响应HTML，那么就不会调用服务器端一个jQuery的网站，而是从获取数据高速缓存代替。一切都准备好与高速缓存，并显示从缓存中的数据等。

I have a Jquery web site that needed to be upgraded to provide Local Storage caching capability, Target was making every Ajax request checks first if there is a cached response HTML, then it will NOT call the server side, but gets data from cache instead.Everything going OK with caching and displaying data from cache and so on..

我的问题出现;看来，当我尝试缓存来自Ajax调用使用JSON.Stringify（）序列化，当然之后的XMLHtt presponse对象返回时，desearialized对象从JSON.Parse（）返回不包含响应头！

My problem appeared when applying my caching core to sites that heavily depending on XML HTTP Response Headers; It Appeared that when I try to cache the XMLHttpResponse object returned from ajax call after serializing it of course using JSON.Stringify(), the desearialized object returned from JSON.Parse() DOESN'T CONTAIN RESPONSE HEADERS!

我必须从包含所有previously添加页眉缓存返回XMLHtt presponse对象，因为所有的网站都用它处理为XMLHtt presponse的对象。

I have to return an XMLHttpResponse object from cache containing all previously added headers, since all sites are dealing with it as an object of XMLHttpResponse.

任何想法？

推荐答案

我找到了一个工作，围绕这个...

I found a work around for this...

由于所有的网站需要XMLHtt presponse对象来处理，我建立像自定义XMLHtt presponse类，这个类包含了所有的变量/被用在这些网站的功能，如下面的例子：

Since All Sites need an XMLHttpResponse object to deal with, I built something like a Custom XMLHttpResponse class, this class contains all variables/functions being used in those sites, like the below example:

var CustomXMLHTTPResponse =
{
    ResponseHeadersArr: new Array(),

    getResponseHeader: function (Key) {
        return this.ResponseHeadersArr[Key];
    }
.
.
}

和代替缓存整个对象，我只缓存什么，我需要从原来的XMLHtt presponse对象，其实我缓存中的所有响应头在这种情况下，当我从缓存中这个数据，我建立一个新的CustomXMLHTT presponse对象，然后从缓存中得到的数据填充它，最后我通过CustomXMLHTT presponse对象。

And instead of caching the whole object, I only cache what I need from the original XMLHttpResponse object, actually I cache All Response Headers in this case; And when I get this data from cache, I build a new CustomXMLHTTPResponse object, then fill it with data gotten from cache, and finally I pass the CustomXMLHTTPResponse object.

所以，当函数getResponseHeader（）在CustomXMLHTT presponse类被调用时，它会起到相同的getResponseHeader（）在原XMLHTT presponse类。

So, When function getResponseHeader() in CustomXMLHTTPResponse class being called, it would act the same as getResponseHeader() in the original XMLHTTPResponse class.

这篇关于jQuery的缓存阿贾克斯XMLHtt presponse使用本地存储的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！