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');