异步的 JavaScript 和 XML--AJAX

AJAX全称：Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）

1.应用场景

发送请求->等待->响应->等待 期间不能和服务器发生其他的交互操作

只能运用在浏览器上：浏览器上内置了一个对象XmlHttpRequest帮你向服务器发送请求，服务器会返回一个xml或者文本数据给浏览器，做一些效果的展示或者其他页面的操作，从而达到一个页面没有刷新，但请求已经执行了的效果，异步刷新。

//获取浏览器内置的xmlHttpRequest对象
function getXHR(){
    var xhr=null;
    //判定:如果当前浏览器里面有这么一个对象，说明它不是IE低版本的浏览器
    if ((typeof XMLHttpRequest)!='undefined'){
        xhr=new XMLHttpRequest();
    }else{
        xhr=new ActiveXObject('Microsoft.XMLHttp');
    }
    return xhr;
}

2.优点

2.1 用户交互效果好
2.2 不需要下载其他的控件

3.请求方式

get：
	①获得内置对象
	var xhr=getXHR();
	②设置请求方式：包含请求类型，请求名称  true：表示是否异步刷新
	xhr("get","findByUsername?username=123",true);
	③回调函数
	xhr.onreadystatechange=function(){
			//根据回调的状态status值进行操作
	}
	④发送请求
	xhr.send(null);
post:
	①获得内置对象
	var xhr=getXHR();
	②设置请求方式：包含请求类型，请求名称  true：表示是否异步刷新
	xhr("get","findByUsername",true);
	③加一个请求内容的设置
	xhr.setRequestHeader("Context-Type","application/x-www-form-urlencoded");
	④回调函数
	xhr.onreadystatechange=function(){
			//根据回调的状态status值进行操作
	}
	⑤发送请求
	xhr.send("userbane"+'123');