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

Question

我的 HTML 页面里面有很多表单。我只想发送一个带有表单的发布请求，并且我想只更改按钮的外观，而不在调用 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}}

在服务器端，我有一个 router.post("/applynow") 函数来处理发布请求。它应该或多或少地像对 Facebook 帖子的“赞”一样处理。

Answer 1

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