AJAX

1、什么是AJAX

AJAX是前端技术，是在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的艺术.

<script>
	window.onload=function(e){
	var butn = document.querySelector("button");
	btn.onclick=function(ev1){
	//1、创建一个异步对象
	var xmlhttp=new XMLHttpRequest();
	//2、设置请求方式和请求地址
	//open(method,url,async)
	//method:GET/POST url:文件在服务器上的位置 async:true(异步)/false(同步)
	xmlhttp.open("GET","XXX.php",true);
	//3、发送请求
	xmlhttp.send();
	//4、监听状态的变化
	xmlhttp.onreadystatechange = function(){
	//判断是否请求成功
	if(xmlhttp.status >=200 && xmlhttp.status < 300 || xmlhttp.status === 305){
		//5、处理返回的结果
			if(xmlhttp.readyState===4){
			console.log("接收到服务器返回的数据");}	
	}else{
			console.log("未接收到服务器返回的数据");
	}}
		
	}
	}
</script>