简单的登陆，与后端交互，你和我一块儿进步

像咱们玩淘宝，知乎或者听听虾米音乐，常常就会遇到这种状况，出现一个弹框，要你输入用户名，和密码，而后点击登陆。
咱们就跳转进入主题页面了。这个过程当中就涉及到，前端数据与后端数据进行交互的状态了。
常见的一些页面大多数以下，别的有趣的动效大多数是进行了润色。

咱们点击登陆，向后端发起一个请求，后端会给咱们返回这个一个数据。咱们要进行比较的就是（上图），用户名是否是与后台记录
中的一致，密码是否是与后台中记录的一致。也会对用户名进行基础的校验，例如不能为空，密码不能为空。
HTML代码以下：

JS代码中取值代码以下：

（将值存一遍的好处就是，避免你重复取值，影响性能？说错了你能够说正确的让我学习学习）
咱们取出了用户名中的值，以及用户密码。接下来就是发起ajax请求，经过与接口中的值进行比较，判断是否请求成功仍是失败。

若是没有得出想要的东西，咱们能够根据下图来进行查看