使用get请求数据:
function createXhr(){
var xhr;
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();//w3c
}else{
xhr = new ActiveXObject('Micosoft.XMLHTTP');//ie
}
return xhr;
}
function addParams(url,name,value){
url += url.indexOf('?') === -1 ? '?' : '&';
url += encodeURIComponent(name) + '=' + encodeURIComponent(value);
return url;
}
var xhr = createXhr();
var url = 'test.php?rand='+Math.random();
url = addParams(url, 'user', 'g&uoyu');//注意这里特殊符号
url = addParams(url, 'age', 28);
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
if(xhr.status == 200){
console.log(xhr.responseText);
console.log(xhr.getAllResponseHeaders());
}else{
console.log("获取数据错误,错误代码:" + xhr.status + "错误信息" + xhr.statusText);
}
}
};
xhr.open("get",url,true);//未发送
xhr.send();//发送
使用post请求数据:
function createXhr(){
var xhr;
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();//w3c
}else{
xhr = new ActiveXObject('Micosoft.XMLHTTP');//ie
}
return xhr;
}
function addParams(url,name,value){
url += url.indexOf('?') === -1 ? '?' : '&';
url += encodeURIComponent(name) + '=' + encodeURIComponent(value);
return url;
}
var xhr = createXhr();
var url = 'test.php?rand='+Math.random();
xhr.onreadystatechange = function(){
if(xhr.readyState == 4){
if(xhr.status == 200){
console.log(xhr.responseText);
console.log(xhr.getAllResponseHeaders());
}else{
console.log("获取数据错误,错误代码:" + xhr.status + "错误信息" + xhr.statusText);
}
}
};
xhr.open("post",url,true);//未发送
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');//第二步:修改请求头,
xhr.send('user=guoyu&age=28');//发送