Ajax – 详解

xhr.open(methor, url, async, user, password)

• Method
  分别为 GET POST PUT DELETE

• GET 获取
  1、如果发送请求的地址和上次的地址相同时，会调用缓存，而不会去服务器请求
  2、在历史跳转后，回退时，get不会再次发送请求头
  3、get消息一般只做一次请请求，这次请求是做了一次请求头
  4、get发送请求时会将cookie也发送到服务器中(同域情况，跨域不能直接发送)
  5、发送请求时一般不会将数据传送到服务请中，但是有时候需要一些参数做标识，将这些参数通过地址栏search的方式发送给服务端，但是这些内容将会被明文字符，而且传输的数据也不能过多

• POST 发送
  1、不管地址时候相同，都会请求信息
  2、post传送是会做两次请求，一次是请求头，一次是请求发送数据
  3、post可以发送数据，但是这个数据不需要通过url地址，所以数据的信息可以非常多并且可以有不同的格式和数据类型

如果跨域需要使用PUT和DELET发送数据时，需要在服务端响应头设置“Access-Control-Allow-Methods“:[“PUT”,“DELETE”]

• PUT 发送数据插入在尾部

• DELETE 删除数据内容

• url 地址
  ajax除了可以给服务器发送数据，也可以用于加载当前服务中文件，主要可以处理 text，json以及xml数据的加载

xhr.open("GET","./config.json");

• async
  ajax自带async异步属性，当然也可以同步(true)，默认是异步的(false)

• user password
  当访问某些网站时，服务端需要设定通信的用户名和密码验证

请求头发送

请求头，是在消息发送之前先将请求头发送到服务端
请求头一般会包括一些列的信息，比如发送的消息的长度
有一部分的请求头，是自动增加的，比如content–length,‘content–type’
当然可以修改部分的请求的值，比如content–type默认的请求头设置值text/plain;charset=UTF-8
xhr.setRequestHeader(请求头名，请求头值) 这个方法必须写在open之后，send之前
所有的请求头名都必须使用首字母大写，用-连接
自动以请求头必须是X开头，首字母大写，用-连接
如果在跨域时，设置的请求头不允许时，需要在相应头中设置
“Access-Content-Allow-Header”

URI 是有一定信息的URL地址

相应头接受

xhr.getAllResponseHeaders()
xhr.getResponseHeader()

允许发送一下自定义的响应头
“Access-Control-Expose-Headers”:[“”]

##### send()发送 send时发送信息 类型化数组 ArrayBuffer Uint8Array Uint16Array Uint32Array Int8Array Int16Array Int32Array Float32Array Float64Array

bigint
2**53 2的53次幂 9007199254740992
当数据大于这个数值时会显示9007199254740992n
为了继续计算这个数值 可以加+数值n

Blob
可以通过ajax直接发送给服务器
file blob

FormData
添加
xx.append(key, value)

可以增加也可以修改
xx.set(key, value)
并不是key value键值对唯一，key可以重复

xx.forEach(value, key)=>{
console.log(value, key)
}

获取key对应的value
xx.get(key)

获取同一个key的不同值
xx.getAll(key)

判断有没有这个key
xx.has(key)

获取所有key的迭代器
xx.key()

获取所有value的迭代器
xx.value()

可以使用for of遍历

其他

timeout 超时
abort 断开

readyState
0 创建代理
1 open已经代开
2 send发送 并且请求头发送，并且相应头获取
3 下载响应体
4 下载完成响应体

代码007普通

打赏 收藏 海报 链接