Question

我有一个表格，其中一个字段标题为安全密码。在这个字段中有一个输入按钮，它调用ajax函数来更新密码，然后更新dom元素值。

在同一页面上，我有另一个函数，它使用javascript将表中的所有元素解析成数组。问题是javascript函数是写入最初是在安全密码字段而不是ajax函数已将其更新为。

似乎javascript没有拉出当前的dom值，而是加载页面时的dom值。这是javascript的默认特性，如果是这样，我该如何解决这个问题，以便我可以获取表中所有字段的当前值，而不仅仅是页面加载值。

此脚本是用PHP / Javascript编写的，事先感谢您的帮助。

Answer 1

将表中所有元素解析为数组的Javascript函数使用 document.ready函数，或者仅在加载 Page 时加载一次。

在Vanilla JS中

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

jQuery

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

并且AJAX调用不会重新加载页面。这意味着您的Javascript函数不会执行，因此不会使用调用中的新数据更新数组。

您需要Java语言作为AJAX调用的success或complete属性的回调函数。

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

        parsingFunction();

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

Answer 2

您是否尝试使用隐藏的输入字段来存储数据而不是更新文本输入？或者您可以尝试使用data-xxx attributes

最好成绩，

Ajax Call之后的Dom值

2 个答案: