有没有办法在 jQuery AJAX 调用上触发 done 函数？

Question

我有一个函数应该只在 AJAX 调用完成后继续，但是如果我的本地存储中已经有了上一个会话的数据，我希望能够跳过该 AJAX 调用。

我目前的代码：

$.when(getAddresses()).done(function (data) {
        addresses = data.data;;

        localStorage['addresses'] = JSON.stringify(addresses);

        {{Rest of the code that should be executed after the AJAX call}}
}

提前致谢！

Answer 1

反过来做。

在本地检查数据，如果您已经拥有，甚至不要发送请求。

将数据包装在一个 promise 中，因此无论您从何处获取数据，它都将始终具有相同的 API。

async function get_data() {
    let addresses = localStorage.getItem('addresses');
    if (addresses) {
         return JSON.parse(addresses);
    }
    let ajaxData = await getAddresses();
    addresses = ajaxData.data;
    localStorage.setItem('addresses', JSON.stringify(addresses));
    return addresses;
}

get_data().then(data => {
    // Rest of the code that should be executed after the AJAX call
});

---

另一种方法是忘记 localStorage 并让 Web 服务设置合适的缓存标头。 然后您可以发出 HTTP 请求，但如果缓存信息显示浏览器缓存包含最新数据，则它根本不会发出 HTTP 请求。

您不需要重新发明数据的本地缓存。 HTTP 已经融入其中。