Html+Javascript+Ajax实现用户登录系统

本文主要通过Html和Css建立一个简单的用户登录页面，然后通过javascript和Ajax连接上一篇文章PHP+MySQL实现用户登录注册API接口。由于博主之前一直做的是APP开发，对Web前端及后台了解得不多，用了一个星期才一步一步摸索着把Web前端到PHP后台调通，所以本文适合跟我一样的入门小白学习，后面有个关于Form表单提交的问题希望有大神能够给我解答。好了，先上代码吧。

首先是login.css

body {
    background-color: #F5F5F5;
    font-family: Arial, Helvetica, sans-serif;
    color:#666;
}

input {
    padding: 9px;
    border: solid 1px #E5E5E5;
    outline: 0;
    width: 200px;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%,#EEEEEE),to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    font-family: Verdana, Tahoma, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: 100%;
    font-weigh