頁面完成加載后如何發出AJAX請求，該請求由window.location.href觸發

Question

我有一個這樣的事件監聽器

function navBtn() {
$('#navBtn').on('click', (event) => {
    window.location.href = 'someotherfile.html';
    myAJAXrequest();
})
}

似乎存在的問題是，由於事件偵聽器是單擊，因此它們都會被觸發。 但是，當我發送到另一頁時，AJAX請求從未發生。 不知道如何通過單擊按鈕重定向到另一個頁面，當該頁面具有使用AJAX調用添加的內容時，則不會發生。 有沒有一種方法可以在觸發AJAX之前檢查我要引導的新頁面是否首先加載？

Answer 1

您可以使用setTimeout函數，它將延遲重定向一段時間，並在該時間內執行ajax。 這是示例代碼。

function navBtn() {
        $('#navBtn').on('click', (event) => {
            myAJAXrequest();
            setTimeout(function () {
                window.location.href = 'someotherfile.html';
            }, 3000)
        })
    }

在這里，我給了3秒的延遲，您可以根據需要增加或減少延遲。

Answer 2

嘗試使“ myAJAXrequest（）”異步函數

async function myAJAXrequest(){}; 

function navBtn() {

$('#navBtn').on('click', (event) => {

    await myAJAXrequest();

    window.location.href = 'someotherfile.html';  
})
}