How to send just a form without refreshing all the page

Question

I have my HTML page with a lot of forms inside. I would like just to send a post request with a form and I would like to change the aspect only of a button without rerendering the whole page after the invocation of a router.post function server-side. How can I do that?
Here is my code:

          {{#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}}

On the server side, I've got a router.post("/applynow") function that handles the post request. It should handle more or less just like a "like" to a post of facebook.

you could use `AJAX` or `fetch API` to make the `POST` call, and then change the DOM with vanilla js or jQuery etc — 1565986223, Apr 19 '19 at 09:10
possible duplicate of https://stackoverflow.com/questions/25983603/how-to-submit-html-form-without-redirection — Krzysztof Krzeszewski, Apr 19 '19 at 09:16
Possible duplicate of [How to submit html form without redirection?](https://stackoverflow.com/questions/25983603/how-to-submit-html-form-without-redirection) — Krzysztof Krzeszewski, Apr 19 '19 at 09:16

score 0 · Answer 1 · answered Apr 19 '19 at 09:10

If you want to send data and receive back a response and have some of your view changed without refreshing the page, you can do that via an AJAX call. For example. you have a view component which holds a balance of money. And after clicking a button you don't refresh the page but notice that the balance changes.

How to send just a form without refreshing all the page

1 Answers1