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 下载完成响应体