Ajax
提高用户体验度0。
阿贾克斯
Asynchronous+Javascript+And+XMl
javaScript +xml +css
异步:javascript脚本发送请求后并不是一直等职服务器响应,而是发送请求后继续做别的事,请求响应的处理是异步完成的。
Xml 用于请求数据的封装,css用于没法页面样式
Ajax关键元素(
javaScript
DOM文档对象
CSS样式表
XMlHttpRequest对象 (支持异步获取数据)。
创建xmlHttpRequest对象的语法
xmlHttpRequest=new avtiveXobject("Microsoft.XMLHTTP");老版本用于IE5IE6
xmlHttpRequest=new XMLhttpRequest();新版本用于IE7及以上
window.xmlHttpRequest IE7及以上返回true用于验证当前浏览器的版本
xmlHttpRequest对象的方法和属性
常用的方法《掌握》:{open(),send(),labort() 取消当前请求}
不常用:《了解》{setRequestHeader(),getResponseHeader(),getAllResponseHeaders()}
readState 返回请求的当前状态
0,未初始化,对象已创建但尚未调用open方法
1,初始化,对象已创建但尚未调用send方法
2,发送数据,即send方法已经调用,但当前状态和http头未知
3,数据传送中,即已经接受部分数据,但数据不全
4,数据接收完毕
status 语法:varStatus=xmlHttpRequest.status 返回当前请求的http状态码(有很多)
1开头的3位数消息(请求已经接受,并请求继续处理) 2开头的3位数消息(请求已经接受
) 3开头的3位数消息(重定向)4开头的3位数消息(错误)
responseText 将返回消息作为文本字符串
responseXML 将返回消息视为XML文档,在服务器响应消息中含有XML数据时使用
statusText 将返回当前请求的响应状态
onreadystatechange 设置回调函数
发送GET请求
1,定义URl var url="";
2。创建 xmlhttprequest对象 xmlHttpRequest=new XmlhttpRequest();
3设置回调函数 xmlHttpRequest.onreadystatechange=haoLejiaowo方法;
3.初始化xmlHttpRequest
xmlHttpRequest.open("get",url,true);
[xmlHttpRequest.open("post",url,true);
xmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
]
4发送请求 xmlHttpRequest.send(null);
[xmlHttpRequest.send("uname="+uname);]
)