Ajax提交表单

之前写前端代码，有一个表单提交的代码，如下

<form>
    .
    .
    <button id="login" class="login_btn">登 录</button>
</form>

使用form表单来向后端提交信息

$('#login').on('click',function () {
    ...
    $.ajax({
        ...
    });
    ...
});

通过绑定点击事件，先获取提交的信息，在通过ajax来向后端发送数据

问题：可是发现该方法点击提交后，登录界面只是刷新，并没有进行跳转。
（后端接口使用postman可以返回正确信息）

原因：ajax为异步请求，所以ajax在向后端发送请求后，运行ajax下面的代码，一直运行到最后发现仍然没有接收到ajax返回的信息，于是表单直接刷新。

解决：
方法一：不使用表单的方式进行提交；
方法二：在点击时间代码最后加上 return false; 这样在代码运行到最后，会等待ajax返回的信息之后在进行操作。