[更改属性后提交按钮不发布

Question

我使用的是表单和表单中的提交按钮，以html形式向服务器发出发布请求

在提交按钮中，我使用onclick事件在发布请求之前更改UI中的某些内容。当我不更改“提交”按钮时，一切都很好，它成功发布了请求。但是，如果我更改了提交按钮中的任何内容，例如值，禁用属性等，那么它不会发布请求

这是我的代码

<form action="url"method="post">
    <input type="submit" onclick="return onClick(event)">
</form>

未发布请求的js代码

function onClick(e) {
    const submit = e.target  // or = this
    submit.value = "Clicked"
    submit.disabled = true
    return true
}

成功发布请求的js代码

function onClick(e) {
    alert("Clicked")
    return true
}

有人可以告诉我为什么它无法成功发布的原因以及如何使用上面的UI更改进行发布吗？

Answer 1

表单是否发送POST或GET请求都基于其method属性。尝试将表格更改为

<form action="url" method="post">
    <input type="submit" onclick="return onClick(event)">
</form>