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

 

 

 

 

 

 

 

 

 

 

 

 

posted on 2015-10-08 02:34  Longevity  阅读(166)  评论(0编辑  收藏  举报