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

时间:2019-04-19 09:06:19

标签: javascript node.js ajax express

我的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帖子的“赞”一样处理。

1 个答案:

答案 0 :(得分:0)

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