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”)也就是第三步.