如果请求方式为get,只需要把queryString(查询字符串)放到请求地址之后就可以了,不过要加上一个?如下:
ajax.open('GET','get.php?user=admin&age=1&email=3171417353@qq.com',true);
完整的get请求方式的ajax如下:
//第一步:创建Ajax对象
if(window.XMLHttpRequest){
var ajax = new XMLHttpRequest();
}else{
var ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
//第二步:建立连接api接口
ajax.open('GET','get.php?user=admin&age=1&email=3171417353@qq.com',true);
//第三步:发送请求,ajax.send();
ajax.send();
//第四步:接受服务器返回的数据
ajax.onreadystatechange = function(){
if(ajax.readyState == 4){
if(ajax.status == 200){
console.log(ajax.responseText);//输出到控制台
}
}
}
----------------------------------------分割线------------------------------------------
post请求方式与get方式目前本人所知有两点不同:
第一点:是post请求方式的查询字符串不是放到请求地址后面的,而是由ajax.send(queryString)方法发送给服务器的;
第二点:post请求方法在ajax.send()方法发送之前要先设置请求头信息,如下:
ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
完整的post方式请求的ajax如下:
//第一步:创建Ajax对象
if(window.XMLHttpRequest){
var ajax = new XMLHttpRequest();
}else{
var ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
//第二步:建立连接api接口
ajax.open('POST','post.php',true);
//第三步:设置请求头信息
ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//第四步:发送请求,ajax.send();
ajax.send();
//第五步:接受服务器返回的数据
ajax.onreadystatechange = function(){
if(ajax.readyState == 4){
if(ajax.status == 200){
console.log(ajax.responseText);//把返回的文本输出到控制台
}
}
}