Ajax技术使得浏览器可以与服务器通信而不刷新页面，常用于实现动态更新。其工作原理是仅传输和接收所需数据，避免了整个页面的刷新。发送Ajax请求包括open、设定响应头、发送请求及定义状态改变的回调函数。readyState表示请求状态，从0到4代表从初始化到完成。status是服务器响应状态码，如200表示成功，404表示页面未找到。通过比较XHR.status和200来确认响应成功。
AJAX:
Asynchronous JavaScript and XML。现在允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.（B/S：前后端分离）
使用场景举例：
在百度等搜索引擎打出xxs时输入框会自动弹出相关的信息、网页地图放大或者缩小时并不会刷新网页等。
原理：
使用ajax与服务器交互时，发送以及接收的信息是特殊数据格式，而非整个网页程序，因此不需要刷新。即数据在客户端与服务器之间独立传输。服务器不再返回整个页面，而只返回可用信息。
发送Ajax请求步骤：
1.调用open方法，代表预备发送请求。
2.如果请求类型为POST，则需设定响应头。
3.发送http请求指令，传递参数。
4.声明请求状态改变的回调函数，接收服务器响应信息。
readyState：表示Ajax请求的当前状态,取值范围如下：
0 代表未初始化。 还没有调用 open 方法
1 代表正在加载。 open 方法已被调用，但 send 方法还没有被调用
2 代表已加载完毕。send 已被调用。请求已经开始
3 代表交互中。
4 代表完成。响应发送完毕。（一般情况下只需判断此状态即可）。
最低0.47元/天 解锁文章
扫一扫
2024
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
