ajax的3个要点（带案例）

HTTP

http是一种无状态的网络协议

http的请求过程

1.建立TCP网络连接（与服务器联通）
2.客户端发送请求头+请求体
3.服务器应答响应头+响应体
4.关闭TCP连接
5.客户端（浏览器）渲染内容

请求头的组织

一、请求行（请求报头）

• GET 请求方法
• / 请求的资源地址
• /HTTP/1.1 协议
  请求头信息
  Accept 浏览器接受的类型
  Cookie 会话内容
  User-Agent 浏览器头信息
  空行
  请求体

响应头的组成

响应行
HTTP/1.1 协议
200 响应码
ok 状态
响应头信息
Content-Type返回的数据类型
空行
响应体（返回的网页）

请求的方法

参考链接：restFul
get 获取
post 添加
put 修改
delete 删除
trace 回显
head 只发送头信息
potions 选项

响应码

响应码大全
1xx 消息
2xx 成功 200响应成功
3xx 重定向 307临时重定向
4xx 客户端错误 404错误
5xx 服务器错误 500服务器错误

XMLHTTPRequst（xhr）

ajax是一项综合技术,全称Async Javascrip And Xml 异步的javascrip和XML
核心是使用XMLHttpReqeust与服务器交换数据，通过js动态操作dom实现页面无法刷新更新视图

同步与异步

javascrip默认是从上向下执行代码，上一行执行完毕，才开始执行下一行，成为同步，阻塞式的
异步是非阻塞式执行代码，实现方式：
1.事件响应
2.通过回调函数实现异步（setTimeout）
3.Promise

ajax优缺点

优点
最大的优点：无刷新，更新页面视图
异步（不影响别的代码执行）
缺点
对搜索引擎SEO不友好（内容是通过javascript加载的，百度没有办法收录你的内容，百度搜索对应关键字，搜索不到你的网页）

get请求

var xhr = new XMLHttpRequest();
xhr.open("get",'./kongfu.txt')
xhr.send();
xhr.onreadystaechange = function(){
   
     if(xhr.readyState==4){
   
		if(xhr.status==200){
   
		console.log(xhr