http请求

http

1、是客服端与服务器传输文本的一种协议
2、http协议是无状态的
3、http协议默认端口是80
4、http协议（加密传输）端口是443

请求方法

1、GET
获取信息页面
2、POST
上传，修改，添加，服务器
3、PUT
修改
4、Delete
删除
5、head
只返回头信息
6、trace
回显服务器收到的请求，主要用于测试或诊断
7、connect
HTTP/1.1协议预留能够连接为管道方式的代理服务器

请求报文

请求报文里面有方法、URL、协议版本、请求头部
请求数据

响应

协议的版本、成功或错误代码、服务器信息、响应头部、响应数据

http请求的步骤

1、建立tcp连接
2、发送客服端发送的请求头和请求体
3、服务器应答，返回响应头，响应内容
4、关闭tcp连接
5、客服端解析响应内容

http状态码

1、1xx
响应信息
2、2xx
成功
200 GET请求成功
201 修改成功
3、3xx
重定向
302 临时重定向
304 未修改
307 临时重定向，前后访问必须使用相同的方法
4、4xxx
客服端有问题
401 未授权
403 禁止访问
405 该服务器不支持该方法
5、5xxx
服务器有问题
500 内部错误
503 服务器不可用
504 超时
505 HTTP版本不支持

ajax

1、定义：异步的JavaScript和XML是一种综合技术：运用XMLHTTPRequest（xhr）和服务器交换数据，通过JavaScript局部渲染页面，从而实现页面法人局部更新
2、同步与异步
同步代码按顺序执行，会阻塞代码执行
异步不会阻塞代码
3、XMLHTTPRequest
1、创建xml对象
var xhr = newXMLHTTPRequest（）
2、打开HTTP连接
xhr.open（method,url,aync,true）
3、监听xhr的变化
xhr.onreadystatechange = function(){
if(xhr.readyState==4 && xhr.status == 200){
}
}
3.5、设置头信息
4、发送数据
xhr.send()

XHR

open()、send()、setRequesHeader()、xhr.reqdystate
响应内容：
response 响应内容
responseText 响应文本内容
responseXML 响应xml内容
status响应码200代表成功
statusText响应的文本 ok代表成功

ajax优缺点

优点：
1、不刷新更新页面，提升用户体验
2、异步的，提升页面的加载速度
3、减轻服务器压力，实现浏览器端渲染速度
缺点：
1、对搜索引擎不友好

文件上传

var xhr new XMLHTTPRequesr()
xhr.open.(“OPST”,url)
获取formData
var form = new FormData();
// 获取formData 要传递的事件
// 监听xhr的加载事件
form.append(“file”,data);
监听上传进度
xhr.upload.οnprοgress=function(e){}

jQuery里的ajax

$.ajax()
$.get()
$.post()
第三层
elem.load()
加载xxx内容到elem元素
可以写选择器
$.getScript(xxx)
加载xxxscript文件 执行js
$getJosn(xxx)
加载xxxjson文件
所有的jQuery方法
都支持三种写法
1、回调函数
$getJSON(url,function(response,status,xhr){
// url请求的地址
//function 请求成功回调函数
// response 请求响应的数据
// staus “sucess”
// xhr jquery的pronise对象
})
2、Pronise
$getJSON(url)
.then(res=>{})
.catch(err=>{})
3、传统
$getJSON(url)
.done(res=>{})
.fail(res=>{})
.always(res=>{})