一个小案例搞懂前、后端是如何进行数据交互的

对应不少初学前端知识的小伙伴来说，如果实现前后端的数据交互，脑袋里很模糊，现在给大家介绍一个简单的案例帮助大家理解。https://www.imooc.com/article/10371

---

首先，我们来制作一个登录框，用来输入帐号和密码

<div class="login">
            <p class="loginTittle">登录</p>
            <span class="loginspan"> 帐号
            <input type="text" id="userName" value="输入你的帐号"/>
            <span></span>//装一个√或×，提示是否输入正确
            <br />
            <span>0</span><br />//帐号是否正确输入的状态字
            <img class="xbtn" src="" />
            密码
            <input type="password" id="password" />
            <span></span>
            <