ajax中的get请求和post请求（底层代码）

get请求

1.创建ajax：
if(window.XMLHttpRequest){
var xhr=new XMLHttpRequest();
}else{
var xhr=new ActiveXObject(‘Microsoft.XMLHTTP’);
}
2.添加路径：
例子：var url = http://www.chendeyang.com?pimg=${}&pname=${}&pprice=${}
xhr.open(‘get’,url)；
3.请求服务器：
xhr.send(null)
4.回调函数
xhr.onload = function () {
if (xhr.status == 200) {//状态码
let arr = JSON.parse(xhr.responseText)；//接收返回值
}
}

post请求

1.创建ajax：
if(window.XMLHttpRequest){
var xhr=new XMLHttpRequest();
}else{
var xhr=new ActiveXObject(‘Microsoft.XMLHTTP’);
}
2.添加路径：
例子：var url = http://www.chendeyang.com?pimg=${}&pname=${}&pprice=${}
xhr.open(‘post’,url)；
3.post请求中特有的语句
xhr.setRequestHeader(“Content-type”, “application/x-www-form-urlencoded”)
4.请求服务器：
xhr.send(pimg=${}&pname=${}&pprice=${})
5.回调函数：
xhr.onload = function () {
if(xhr.readyState==4){
if (xhr.status == 200) {//状态码
let arr = JSON.parse(xhr.responseText)；//接收返回值
}
}
}

get和post的区别

1.get是从服务器上获取数据，post是向服务器传送数据
2.get是把参数数据队列加到提交表单action所属的url路径中，在url中可以看到，post是通过http post机制，用户是看不到这个过程的。
3.get传送的数据量较小，不能大于2kb，post传送的数据量较大，一般不受限制。
4.get 安全性能非常低，post安全性能非常高，但是get的执行效率要比post的执行效率好。
5.传的值的位置不一样：get传的参数是在url中，post传的参数是在xhr.send中
6.post比get多了一句代码 xhr.setRequestHeader(“Content-type”, “application/x-www-form-urlencoded”)也就是第三步.