一、发送get请求
1.创建异步对象
- const ajax = new XMLHttpRequest
2.设置请求的url参数
- xhr.open('get','url?data'+data)
3.onreadystatechange 状态改变就会调用
- ajax.onload = function () { if (ajax.status==200) {
5. 回调响应
}
}
4.发送请求
ajax.send()
二、发送post请求
1.创建异步对象
- var ajax = new XMLHttpRequest();
2.设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数
-
ajax.open('post','url');
-
ajax.setRequestHeader(“Content-Type”,“application/x-www-form-urlencoded”)。
3.onreadystatechange 状态改变就会调用
ajax.onload = function () { if (ajax.status==200) {
5. 回调响应
}
}
4.发送请求
- ajax.send(data);
总结
-
get请求传送数据量较小,不能大于2KB,参数追加在URL后面,看的到明码的请求参数值。
-
post请求传送数据量大小不受限制,请求通过HTTP POST机制 将请求参数放在HTML Header中传输,看不到明码的请求参数值。
-
get请求send()不用传参数,post请求send()需要传参数。