javascript - 如何在不使用表单的情况下从 JavaScript 向服务器提交 get 请求

Question

这是一个本地网络服务器应用

我有一个带有单个提交按钮的表示进度的表单，该表单提交到我的服务器，然后服务器将构建一个带有更新进度条的新页面，因此用户每次单击“检查”时都会看到更新的进度条进度按钮。

但我希望它每 5 秒自动检查一次，而不需要用户按下按钮。所以我有一个 5 秒后提交表单的 JavaScript 脚本，因此每 5 秒该页面就会被一个带有更新进度条的新页面替换。

这很好用，所以现在我不需要表单按钮。但是如果我删除表单，那么我的 javascript 将无法工作，因为我不再需要提交表单。

我读到我可以使用 Ajax 与服务器对话，接收更新的数据并更新现有页面。但我不想这样做，我想将 JavaScript 保持在最低限度，因为我发现它很难工作。

我只是希望 javascript 向服务器发出请求，然后服务器将用新的更新页面替换现有页面，但如何使用 javascript 向服务器发出简单的 getrequest。

这就是我现在拥有的

...

<tr>
    <td>
        <label for="pb12">
            Errors
        </label>
    </td>
    <td>
        <progress id="pb12" value="0" max="100">
        </progress>
    </td>
</tr>
</table>
<form action="/check_progress" id="check_progress">
    <p>
        <input type="submit" value="Check Progress">
    </p>
</form>
<script>function checkprogress() { document.getElementById('check_progress').submit(); }; setTimeout(checkprogress, 5000)</script></body>
</html>

Answer 1

那么如何在没有表单的情况下重新加载页面呢？元刷新标签

<meta http-equiv="refresh" content="5">

只要确保您有正确的无缓存 header 即可。

或者使用 JavaScript 重新加载页面

window.location.reload(true);

或者直接提交表单

document.getElementById("yourForm").submit()

或者更改后端以仅返回更新的内容并通过 Ajax 调用将其吐出。