AJAX的六种请求方法
- options:检测有哪些方法可以用
- get:获取服务信息
- post:修改与更新,新增服务器信息
- put:新增
- delete:删除
- head:只返回头信息
- trace:显示头信息,用来测试
- connect:管道形式链接
请求过程
- 客户端发起http请求 简历tcp链接
- 客户端(浏览器)发送请求信息(状态行 请求头 空行 请求体)
- 服务器的响应请求信息 (状态行 响应头 空行 响应体)
- 客户关闭tcp网络连接
- 客户端(浏览器)渲染内容
常见的HTML响应码
-
1xx :请求开始
-
2xx:请求成功
200:GET请求成功
201:post请求成功
204:只返回请求头 -
3xx:这个地方没有你要的东西,那个地方有(重定向)
307 :重定向(向location里的URL重新发起请求)
301:永久重定向
303:资源在别的地方
304:资源没有修改 -
4xx:请求地址错误
404:资源地址错误
401:没有权限
403:禁止访问 -
5xx:服务器错误
500:服务器端网络错误
503:服务器端超载
AJAX原理
- 通过 XMLHttpRequest 与服务器交换数据
- 服务器数据通过json或者xml格式返回
- 浏览器端通过js+css渲染展示数据
AJAX4个步骤
- 创建一个XMLHttp对象(var req = new XMLHttpRequest();)
- 建立链接 req.open(‘GET/POST’,
url(请求地址)
, false(异步)/true(同步)) - 建立监听事件
req.onreadystatechange = function() {
if (req.readyState == 4 && req.status == 200) {
(执行的代码语句)
}
}
- 发送请求 (req.send())