AJAX的简单介绍

AJAX的六种请求方法

1. options：检测有哪些方法可以用
2. get：获取服务信息
3. post：修改与更新，新增服务器信息
4. put：新增
5. delete：删除
6. head：只返回头信息
7. trace：显示头信息，用来测试
8. connect：管道形式链接

请求过程

1. 客户端发起http请求 简历tcp链接
2. 客户端（浏览器）发送请求信息（状态行 请求头 空行 请求体）
3. 服务器的响应请求信息 （状态行 响应头 空行 响应体）
4. 客户关闭tcp网络连接
5. 客户端（浏览器）渲染内容

常见的HTML响应码

1. 1xx :请求开始

2. 2xx:请求成功

   200：GET请求成功
   201：post请求成功
   204：只返回请求头

3. 3xx：这个地方没有你要的东西，那个地方有（重定向）

   307 ：重定向（向location里的URL重新发起请求）
   301：永久重定向
   303：资源在别的地方
   304：资源没有修改

4. 4xx:请求地址错误

   404：资源地址错误
   401：没有权限
   403：禁止访问

5. 5xx：服务器错误

   500：服务器端网络错误
   503：服务器端超载

AJAX原理

1. 通过 XMLHttpRequest 与服务器交换数据
2. 服务器数据通过json或者xml格式返回
3. 浏览器端通过js+css渲染展示数据

AJAX4个步骤

1. 创建一个XMLHttp对象（var req = new XMLHttpRequest();）
2. 建立链接 req.open(‘GET/POST’, url（请求地址）, false（异步）/true（同步）)
3. 建立监听事件

req.onreadystatechange = function() {
if (req.readyState == 4 && req.status == 200) {	
  （执行的代码语句）
}
}

4. 发送请求 （req.send()）

Jqurey中的AJAX

1. $.ajax()

2. $.get()/post()

   $.get(url,function（data,status,xhr）{})
   $.post(url,data,function(data,status,xhr){})
3. $.getJSON()
4. $.getScriot()
5. load()