【PHP】|【PHP学习】—利用ajax原理实现登录功能(八)

【PHP学习】—利用ajax原理实现登录功能(八) 【PHP】|【PHP学习】—利用ajax原理实现登录功能(八)
文章图片

通过学习上篇文章我们发现这种方法存在了一定的缺陷,利用页面跳转,HTML页面访问服务器,要等待服务器响应,账号密码输入错误后,还要回退页面重新输入账号和密码,通过观察其他平台的登录页面可以发现页面是不刷新的,也不存在页面跳转的情况。怎么来实现呢?见下文
【PHP】|【PHP学习】—利用ajax原理实现登录功能(八)
文章图片

【PHP】|【PHP学习】—利用ajax原理实现登录功能(八)
文章图片

【【PHP】|【PHP学习】—利用ajax原理实现登录功能(八)】实现思路如下

  • 点击按钮 登录事件
  • 获取输入表单的数据的值
  • 创建 ajax对象 (jquery) 封装好的方法
  • ajax配置的参数 请求的url 请求的方式post/get 发送数据
  • PHP返回数据 JS渲染数据——界面
    【PHP】|【PHP学习】—利用ajax原理实现登录功能(八)
    文章图片

    【PHP】|【PHP学习】—利用ajax原理实现登录功能(八)
    文章图片

    推荐阅读