函数中的定时器刷新页面

Question

在我的函数中，我最后有一个页面刷新来实际更新表，但是刷新比数据库更快。有人知道我该如何改变这个吗？echo '<script>                                                                          ';echo 'function updateId(id) {                                                             ';echo 'var xmlhttp = new XMLHttpRequest();                                               ';echo '    xmlhttp.onreadystatechange = function() {                                     ';echo '        if (xmlhttp.readyState == 4 && xmlhttp.status == 200)                     ';echo '        {                                                                         ';//echo '            alert(xmlhttp.responseText);                                          ';echo '        }                                                                         ';echo '    };                                                                            ';echo '    xmlhttp.open("GET", "update.php?id=" +id, true);                              ';echo '    xmlhttp.send();                                                               ';echo 'location.reload(true);                                                                ';echo '}                                                                                 ';echo '</script>                                                                         ';?>

Answer 1

这通常发生在 DOM 尚未加载且其他任务完成其工作之前（在页面刷新的情况下）。要解决此问题，无需任何框架，您可以addEventListener。

echo '<script>';

echo 'document.addEventListener('DOMContentLoaded',function updateId(id) {';

echo 'var xmlhttp = new XMLHttpRequest();';

echo '    xmlhttp.onreadystatechange = function() {';

echo '        if (xmlhttp.readyState == 4 && xmlhttp.status == 200)';

echo '        {';

//echo '            alert(xmlhttp.responseText);';

echo '        }';

echo '    };';

echo '    xmlhttp.open("GET", "update.php?id=" +id, true);';

echo '    xmlhttp.send();';

echo 'location.reload(true);';

echo '}';

echo '});';

echo '</script>           

DOMContentLoaded当初始 HTML 文档完全加载和解析时触发该事件，无需等待样式表、图像和子框架完成加载。