Javascript 如何只发送表单而不刷新所有页面

我有我的HTML页面，里面有很多表单。我只想发送一个带有表单的post请求，我只想更改按钮的外观，而不需要在调用router.post函数服务器端后重新提交整个页面。我该怎么做
这是我的密码：

          {{#if alreadyapplied}}
            <input type="hidden" name="idJob" value="{{id}}">
            <br><br>
          </div>
          <button type="input" class="btn btn-danger">Already applied</button>
          {{else}}
          <form method="POST" action="/users/applynow">
            <input type="hidden" name="idJob" value="{{id}}">

            <input type="hidden" name="email" value="{{x.utente.email}}">
            <br><br>
        </div>
        <button type="input" class="btn btn-primary">Apply Now</button>
        </form>
        {{/if}}

{{{#如果已应用}



已经申请
{{else}



立即申请
{{/if}

---

在服务器端，我有一个router.post（“/applynow”）函数来处理post请求。它应该或多或少地像处理facebook的帖子一样处理。

如果你想发送数据并收到回复，并且在不刷新页面的情况下更改某些视图，你可以通过AJAX调用来实现。例如您有一个视图组件，它保存资金余额。单击一个按钮后，您不会刷新页面，但会注意到余额发生了变化。

您可以使用

AJAX

或

fetch API

进行

POST

调用，然后使用vanilla js或jQuery etc更改DOM可能的重复项