1. XMLHttpRequest
-
redyState记录请求的状态
- 发送AJAX
let request = new XMLHttpRequest()
request.open('GET', 'http://www.baidu.com') //配置request
request.send() //发送请求
//监听readyState是否发生变化
request.onreadystatechange = ()=>{
//判断请求是否完成
if (request.readyState === 4){
if (request.status >== 200 && request.status < 300){
let string = request.responseText
let object = window.JSON.parse(string)
}
}
}
2. JSON
JSON的数据类型：
null: null
number: 1
string: "string"
true: true
false: false
object: {"name": "mike", "age": 31}
array : ["a", "b", "c"]与JavaScript的区别
- JSON没有function和undefined
- JSON的string必须以
"开头，以"结尾 - JSON不能创建变量
3.同源策略
只有协议+域名+端口都相同，才可以发送AJAX
解决办法：
在response Header 加Access-Control-Allow-Origin, 'http:www.yumxudewangzhan.com'
4.设置http请求的四个部分
5. 获取响应的四个部分
6.解构赋值
var options = {
a: 1,
b: 2,
c: 3
}
let {a, b, c} = options
console.log(a) // a = 1
console.log(b) // b = 2
console.log(c) // c = 3
7.Promise
function ajax(){
//Promise用法
return new Promise(function(resolve, reject){
dosomething()
})
}
