ajax方法封装

// ajax get 五部曲
function ajax_get(url,data){
	var ajax=new XMLHttpRequest();

	//url方法,如果发送数据段格式为xxx。php?name=jack&age=18,需要拼接
  
        if(data){
        	url+='?';
        	url+=data;
        }else{
        	
        }
        ajax.open('get',url);
		ajax.send();
		ajax.onreadystatechange=function(){
			if(ajax.readyState==4&&ajax.status==200){
				console.log(ajax.responseText);
		}
	}
}

function ajax_post(url,data){
	var ajax=new XMLHttpRequest();
		ajax.open('post',url);
		ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
		if(data){
			ajax.send(data);
		}else{
			ajax.send();
		}
		ajax.onreadystatechange=function(){
			if(ajax.readyState==4&&ajax.status==200){
				console.log(ajax.responseText);
		}
	}
}

//将get和post封装到一起
function ajax_tool(url,data,method,success){
	var ajax=new XMLHttpRequest();
	if(method=='get'){
		if(data){
			url+='?';
			url+=data;
		}else{

		}
		ajax.open(method,url);
		ajax.send();
	}else{
		//post请求不需要改变
		ajax.open(method,url);
		ajax.setRequestHeader("Content-type","x-www-form-urlencoded");
		if(data){
			ajax.send(data);
		}else{
			ajax.send();
		}
	}

	ajax.onreadystatechange=function(){
		if(ajax.readyState==4&&ajax.status==200){
			console.log(ajax.responseText);

			//将数据让外边可以使用
			return ajax.responseText;
// 当 onreadystatechange 调用时 说明 数据回来了
			// ajax.responseText;
			success(ajax.responseText);
		}
	}
}

引用




	
	Document


	






你可能感兴趣的:(PHP,Ajax)