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

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

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

实现思路如下

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

你可能感兴趣的:(【PHP】,php)