Ajax是一种快速创建动态网页的技术,能够实现动态刷新,提高用户的体验度,降低后台服务端程序的压力
案例1: JQuery实现💁💁💁点击下载源码💁💁
使用ajax实现页面的局部实时刷新,而不需要跳转到新的页面
方法:
- url:请求的地址
- type:请求时数据的传递方式(get/post)
- data:用来传递的数据(建议使用json)
- success:交互成功后需要执行的方法
- dataType:ajax接收后台数据的类型(建议json)
在Servlet端
- 首先获取jsp页面传递过来的参数信息
- 如果username="kilig",password="123456"则登录成功,否则登录失败
- 如果登录失败,则给ajax返回数据
案例2: JS实现💁💁💁点击下载源码💁💁
方法:
- 创建一个 xmlhttpRequest对象
- 规定请求的类型、URL 以及是否异步处理请求。
- 将请求发送到服务器。
- 接收服务器端的响应(readyState=4表示请求已完成且响应已就绪 status=200表示请求响应一切正常)
然后在Servlet端需要接收和回线数据:
- 获取ajax传递过来的参数信息
- 需要返回的数据信息
- 将数据信息回写给ajax
-