1 创建对象

1

var xhr = new XMLHttpRequest()

2 写url

1

xhr.open('GET', '/xxx')

3 监听onreadystatechange事件

  • xhr对象的readyState属性取值包括0~4，0表示未调用open，1表示已调用open，2表示已调用send，3表示正在下载，4代表全部字节下载完毕
  • 所以请求成功或失败的回调要运行在readyState为4的情况下
  • http状态码为2xx或者为304（未修改，可以使用缓存）我们认为是请求成功的
1
2
3
4
5
6
7
8
9

xhr.onreadystatechange = function() {
	if(xhr.readyState === 4) {
		if(xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {
			success(xhr)
		} else {
			error(xhr)
		}
	}
}

4 最后发送请求体

1

xhr.send('{ "name": "gsq" }')