有关Ajax的介绍及使用

Ajax介绍:

• Asynchronous JavaScript And XML(异步的JavaScript和XML)
• Ajax可以在不刷新页面的前提下,进行页面局部更新

Ajax的使用流程:

1.创建XmlHttpRequest对象:
//如果浏览器是新版本,则支持window.XMLRquest,老IE则后面的版本

var xmlhttp;
if(window.XMLHttpRequest){
	xmlhttp = new XMLHttpRequest();
}else{
	xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}	

2.发送Ajax请求:
//创建Ajax请求(GET为发送请求的方式,true为Ajax异步发送,false为同步)

xmlhttp.open("GET","/上下文路径/映射地址",true);

//发送到服务器:
xmlhttp:send();
3.处理服务器响应

• xmlhttp.onreadystatechange() 事件用于监听AJAX的执行过程
• xmlhttp.readyState属性说明XMLHTTPRequest当前状态
  
• xmlhttp.status属性服务器状态码，200：成功 404：未找到 500：内部程序错误

xmlhttp.onreadystatechange =  function(){
//readyState==4说明服务器接收请求成功,xmlhttp.status==200说明服务器处理成功
	if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
//将服务器返回的请求传给变量t,可将t传给任何需要的元素作为更新后的显示
				var t = xmlhttp.responseText;
	}
}```