主页 / 问题 / 922637
Accepted
Valentyn Hruzytskyi
Asked:2020-12-19 02:05:42 +0800 CST2020-12-19 02:05:42 +0800 CST

setInterval js不工作

  • 772

有一个 html 页面用于js向控制器发送 GET 请求：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/styles-ajax.css">
    <title>Title</title>
</head>
<script>
    var myRequest = new XMLHttpRequest();
    myRequest.open('GET', 'http://localhost:8080/restShowAttempt');
    myRequest.onreadystatechange = function () {
        if (myRequest.readyState === 4) {
            document.getElementById('ajax-content').innerHTML = myRequest.responseText;
        }
    };

    function sendTheAJAX() {
        myRequest.send();
    }

    setInterval(sendTheAJAX, 2000);

</script>
<body>
<div id="ajax-content">
</div>
</body>
</html>

setInterval(sendTheAJAX, 2000);火一次。

如何正确使用？

PS - 我正在学习，java但在项目中需要从客户端（从浏览器）实现页面重新加载。如果您在答案中考虑到我的其他js专业，我将不胜感激。

谢谢

javascript

1 个回答

  1. Best Answer

    在当前代码中，Chrome 在控制台中显示错误

    未捕获的 DOMException：无法在“XMLHttpRequest”上执行“发送”：对象的状态必须是 OPENED。

    这表示在 callsend之前需要一个 call open。

    因此，值得更改代码。最简单的方法是为每个请求创建一个新的 XMLHttpRequest 对象：

    function sendTheAJAX() {
    var myRequest = new XMLHttpRequest();
    myRequest.open('GET', 'http://localhost:8080/restShowAttempt');
    myRequest.onreadystatechange = function () {
        if (myRequest.readyState === 4) {
            document.getElementById('ajax-content').innerHTML = myRequest.responseText;
        }
    };
    myRequest.send();
}

setInterval(sendTheAJAX, 2000);
    • 1

相关问题