React jQuery AJAX全局缓存

Question

我正在开发React应用程序，并且我使用jQuery来处理前端AJAX请求，但是我想像角度http.get(url, {cache: true })一样缓存我的请求。 有什么方法可以帮助我对GET请求进行全局缓存。 我尝试向请求添加cache: true属性，但似乎无法正常工作。

例如我的代码看起来像这样

$.ajax(source, {
    method: 'GET',
    data: {
        c: count,
        p: period
    },
    cache: true,
    success: (response) => {

    }
})

我也尝试过

$.ajaxSetup({
    cache:true
});

对于所有请求，但是很遗憾，我可以在Chrome devtools的“网络”标签下以及服务器日志中看到请求。 因此，如果数据和URL相同，我想防止执行相同的请求。 我可以自己创建一些存储，但是我认为应该有默认的存储方式。

提前致谢！

Answer 1

一种方法可能是检查最后一个请求数据是否与当前相同。

 var lastRequestedData = {}; function myAjaxRequest(requestData) { if (JSON.stringify(requestData) != JSON.stringify(lastRequestedData)) { lastRequestedData = requestData; alert('Makes the ajax request: '+ JSON.stringify(requestData)); //$.ajax(...) } } myAjaxRequest({"c":1,"p":2}); // Fire myAjaxRequest({"c":1,"p":2}); // Not fire myAjaxRequest({"c":2,"p":3}); // Fire