- 用JS设置请求头
设置第一部分：request.open('get','/xxx')
设置第二部分：request.setRequestHeader('content-type','x-www-form-urlencoded')
设置第三部分：request.send('key1=value1&key2=value2')
- 用JS获取响应头
获取第一部分：request.status / request.statusText
获取第二部分：request.getResponseHeader('Content-Type') / request.getAllResponseHeaders()
获取第四部分：request.responseText
- 为了避免写的API参数太多而混乱的情况，一般把要传入的多个参数变成对象，把该对象的key定下来，就相当于参数命名（ES6的解构赋值）
- 即使响应是4开头的状态码，也会有第四部分，也可以读取第四部分
- 通过
arguments.length来使得函数可以接收不固定个数的参数
function f1(x1[,x2]){
if(arguments.length === 1){......}
else if(arguments.length === 2){......}
}
上述代码可以只传一个参数，也可以传多个参数
-
假如函数形参少于实际参数，传入的实际参数可以从
arguments对象中获得
image.png -
es6 解构赋值
image.png jquery.ajax()会将响应里content-Type是json的内容进行parse将字符串转换成对象
实现jQuery.ajax的封装
window.jQuery.ajax = function({url,method,body}){//函数参数传入用到了es6的解构赋值
return new Promise(function(resolve,reject){
let request = XMLHttpRequest()
request.open(method,url)
request.onreadychange = function(){
if(request.readyState === 4){
if(request.status === 200){resolve()}
else{reject()}
}
}
request.send()
})
}
