执行点击事件时，获取请求被取消

Question

我在元素上有一个“单击事件”，它首先通过window.location.href找到窗口，然后从服务器获取数据，然后呈现HTML，但是由于获取请求被取消，我没有得到期望的输出，为什么？

async function retrieveItems(category='any', sub_cat='any') {
    let url;
    if(category === "any") {
        url = "_items/";
    }
    else {
        url = "_items/"+category+"/"+sub_cat+"/";
    }
    let response = await fetch(url);
    if(response.ok) {
        let responseData = await response.json();
        return responseData;
    }
}

// Retreiving and Rendering Items on items.html
async function items_sub_cat(event) {
    window.location.href = 'items.html';
    let category = event.currentTarget.parentNode.parentNode.previousSibling.innerHTML;
    let sub_category_name = event.currentTarget.innerHTML;
    let responseData = await retrieveItems(category, sub_category_name);
    renderItems(responseData, "items_by_sub_cat");
    buttons();    
}



let sub_category = document.getElementsByClassName("sub_category_name");
for(let i=0; i<sub_category.length; i++) {
    sub_category[i].addEventListener("click", items_sub_cat);
}

在这方面有人可以帮忙吗？