提交表单后将 table 更新为 Javascript - 在 IE 和 Edge 中不起作用

Question

我使用 Wordpress 中的 Contact Form 7 通过提交表单将数据保存到 MySQL 数据库中。现在我需要在提交表单后重新加载包含这些数据的 table。我正在使用以下脚本：

/* FORM RELOAD AFTER SUBMIT */
jQuery("form").submit(function() {
    setTimeout(function(){
        jQuery("#table-div").load(document.URL +  ' #table-div > table');
    }, 500);
});

我尝试使用超时，因为要留出一些时间来保存数据并将其取回。它实际上在几乎所有浏览器（FF、Chrome、IE...）中都能正常工作，但它在 IE 和 Edge 中不起作用，我找不到解决方案。

Answer 1

我必须添加 jQuery.ajaxSetup({ cache: false });。现在可以使用了，脚本：

/* FORM RELOAD AFTER SUBMIT  */
jQuery("form").submit(function() {
    setTimeout(function(){
        jQuery("#table-div").load(document.URL + '?1234' + ' #table-div > table');
    }, 500);
});
jQuery.ajaxSetup({ cache: false });

提交表单后将 table 更新为 Javascript - 在 IE 和 Edge 中不起作用

Update table with Javascript after form submit - not working in IE & Edge

javascript

mysql

wordpress

submit