Ajax 調用后的 Dom 值

Question

我有一張表，其中一個字段名為安全密碼。 在該字段中，有一個調用 AJAX 函數的輸入按鈕。 返回的 AJAX 函數更新安全密碼字段中的密碼。 這將更新該字段的 DOM 值。

在同一頁面上，我有另一個函數，它使用 Javascript 將表中的所有元素解析為一個數組。 問題是 Javascript 函數正在寫入最初在安全密碼字段中的內容，而不是 AJAX 函數已將其更新為的內容。

似乎 Javascript 不會提取當前的 DOM 值，而是在加載頁面時提取 DOM 值。 這是 Javascript 的默認特性嗎？如果是，我該如何解決這個問題，以便我可以獲取表中所有字段的當前值，而不僅僅是頁面加載值。

該腳本是用 PHP/Javascript 編寫的，在此先感謝您的幫助。

Answer 1

將表格中的所有元素解析為數組的 Javascript 函數使用document.ready函數或僅在頁面加載時加載一次。

在香草 JS 中

document.addEventListener('DOMContentLoaded', (event) => {
   //Where you wrote your function
})

查詢

$(document).ready(function() {
    // where you have your function if you are using Jquery
});

並且 AJAX 調用不會重新加載頁面。 這意味着您的 Javascript 函數不會被執行，因此它不會使用來自調用的新數據更新數組。

您需要您的 Javascript 作為 AJAX 調用的success或complete屬性的回調函數。

jQuery.ajax({
    type: 'POST',
    url: ajaxurl,
    success: function() {

        parsingFunction();

    },
    error: function() {
        alert(errorThrown);
    }
});

Answer 2

您是否嘗試使用隱藏輸入字段來存儲數據而不是更新文本輸入？ 或者您可以嘗試使用data-xxx 屬性

最好的，