实现ajax请求数据

使用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');//发送