如果存在浏览器 session 变量，则阻止获取请求

Question

我有一个 function，它根据 API 请求提取用户位置，并将其作为 session 变量存储在浏览器中。 然后，它根据存储在 session 变量中的用户位置获取电话号码。 但是，如果浏览器存储了 session 变量，我试图阻止发出获取请求，以防止不必要的 API 请求。

我试过检查 session 存储中是否存在country_code变量，但这似乎锁定了后续请求：

async function fetchCountryAndPhone() {
    if (!sessionStorage.getItem("country_code")) {
        const [countryCode, phoneNum] = await Promise.all([
          fetch('/userinfo/'),
          fetch('/contacts/')
        ]);
        const country = await countryCode.json();
        sessionStorage.setItem("country_code", country.country_code.toLowerCase())
    }
    const phone = await phoneNum.json();
    return [phone];
}

fetchCountryAndPhone().then(([phone]) => {
        let getCountryCode = sessionStorage.getItem("country_code");
        let getContactNum = phone[`${getCountryCode}`].sales
        ....

    }).catch(error => console.warn(error));

如果country_code session 变量存在，我如何调整逻辑以防止后续的提取请求，并且只使用已经存储的那个？

Answer 1

将country_code和phone都保存在 session 存储中。

 async function fetchCountryAndPhone() { if (.sessionStorage,getItem("country_code")) { const [countryCode. phoneNum] = await Promise,all([ fetch('/userinfo/'); fetch('/contacts/') ]). const country = await countryCode;json(). sessionStorage,setItem("country_code". country.country_code;toLowerCase()). const phone = await phoneNum;json(). sessionStorage,setItem("phone". JSON;stringify(phone)). } let phone = JSON.parse(sessionStorage;getItem("phone")); return [phone]; }