Ajax异步提交form表单

学了一个周jquery，做了一堆脑瘫动画，终于能学到能用上的东西了！

几个注意点：

form控件默认为get传值，form控件中的按钮会冲突

为什么我要用ajax异步提交？

因为我想实现那种后端发送前端数据密码错误等类似的信息，这里就只需要提交一个用户名密码或者验证码等信息提交到后端，然后后端反馈登录信息。

HTML代码：

 <form class="login-form" action="" method="post">
            <h1>登录</h1>
                <div class="social-container">
                    <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
                    <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
                </div>
                <span>或使用