Ajax 局部刷新登录案例

Ajax是一种快速创建动态网页的技术，能够实现动态刷新，提高用户的体验度，降低后台服务端程序的压力 

案例1: JQuery实现💁💁💁点击下载源码💁💁

使用ajax实现页面的局部实时刷新，而不需要跳转到新的页面

 

方法：

• url：请求的地址
• type：请求时数据的传递方式（get/post）
• data：用来传递的数据（建议使用json）
• success：交互成功后需要执行的方法
• dataType：ajax接收后台数据的类型（建议json）

 在Servlet端

1. 首先获取jsp页面传递过来的参数信息
2. 如果username="kilig"，password="123456"则登录成功，否则登录失败
3. 如果登录失败，则给ajax返回数据

 案例2: JS实现💁💁💁点击下载源码💁💁

         

 方法：

1. 创建一个 xmlhttpRequest对象
2. 规定请求的类型、URL 以及是否异步处理请求。
3. 将请求发送到服务器。
4. 接收服务器端的响应(readyState=4表示请求已完成且响应已就绪    status=200表示请求响应一切正常)

然后在Servlet端需要接收和回线数据：

1. 获取ajax传递过来的参数信息
2. 需要返回的数据信息
3. 将数据信息回写给ajax

4.