jQuery请求ajax后为什么又刷新了页面的问题原因

背景介绍：做了一个简单的登录页面，如图。当输入用户名，密码点击登录，会发送ajax post请求，执行登录流程。

但是每次请求完http://localhost:8070/login（ajax请求） 都会再请求http://localhost:8070/ （当前的登录页面）

问题原因，经过网上搜索终于找到了答案，问题出在HTML文件上，原因是我把刚才所有的元素都放在了一个

标志的表单里面了，里面的元素默认type=submit, 所以每次点击登录button后都会执行提交表单的操作，表单操作默认有刷新页面的功能

解决方法，将上述所有元素外层的标签去掉或者换成

    
    
    




    账号： 

    密码：


    

登录

至此问题解决了，都是些新手容易犯的问题，让大家见笑了。

谢谢！