AJAX技术简介

AJAX技术简介

ID:40945610

大小:91.00 KB

页数:4页

时间:2019-08-11

AJAX技术简介_第1页
AJAX技术简介_第2页
AJAX技术简介_第3页
AJAX技术简介_第4页
资源描述:

《AJAX技术简介》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、AJAX技术简介知识点:1、基本概念AJAX——AsynchronousJavaScriptandXML异步的Javascript和XML传统的WEB模型:同步模型——必须是一次请求,一次响应。每次请求服务器(地址栏输入,点击超链接,提交表单),页面都会刷新。传统的WEB模型——同步模型——缺点:由于浏览器在向服务器发出请求之后,必须等待服务器给响应,有可能页面成为一片空白,客户体验不好。由于每次都要刷新整个页面,导致服务器的网络带宽被浪费。网站LOGO图片版权部分网站菜单分页数据下一页当翻页时整个页面都要刷新AJAX技术的WEB模型:异步模型——可以连续发出多

2、个请求给服务器,在随后不确定的时间里响应回来。我们有了一种新的请求服务器的方法(以前传统的浏览器请求服务器的方式:地址栏输入、点击超链接、提交表单),通过下图的AjaxEngine(引擎)。我们可以通过AJAX引擎发出多个请求,然后可以接收服务器的响应。此时可以不必刷新整个浏览器页面,就能更新页面的部分内容。AJAX技术优势:1、传统模式每次请求页面都会刷新,这样比较占用服务器网络带宽。AJAX模式可以实现局部刷新,大大节约服务器网络带宽。2、AJAX模式能很好的改善客户体验。1、XMLHttpRequest使用AjaxEngine在浏览器中是一个对象,它的类型

3、是:XMLHttpRequest1、创建XMLHttpRequest对象(它在不同浏览器中,创建方式不一样的;但是使用上是一样的)varxmlHttp=false;if(window.XMLHttpRequest){xmlHttp=newXMLHttpRequest();}elseif(window.ActiveXObject){try{xmlHttp=newActiveXObject("Msxml2.XMLHTTP");}catch(error1){try{xmlHttp=newActiveXObjec

4、t("Microsoft.XMLHTTP");}catch(error2){xmlHttp=false;}}}方法属性open()onreadystatechangesetRequestHeader()statussend()readyStategetResponseHeader()statusTextgetAllResponseHeaders()responseTextresponseXMLresponseBodyresponseStreamopen初始化HTTP请求参数,语法(method,url,async,username,passwo

5、rd)

6、method指定请求方式,一般是[GET、POST]不区分大小写;url指定请求地址,大多数浏览器都限制在同域下[要求url与请求页面具有相同的主机名和端口],可以为绝对地址也可以为相对地址;async指定请求是异步还是同步,默认是异步[true]则通常许指定一个onreadystatechange句柄[用于异步回调],同步则指定为[false];username和password参数是可选的[及在请求的url需要授权时填写];setRequestHeader单独指定请求的某个http头,语法(headerStr,valueStr)

7、headerStr指

8、定头名称,如果存在则覆盖valueStr指定值[此方法必须在open方法后调用]send发送请求到http服务器并接收回应,语法(varBody)

9、指定请求中发送的数据;此方法的同步或异步方式取决于open方法中的async参数,如果async==False,此方法将会等待请求完成或者超时时才会返回;如果async==True,此方法将立即返回。getAllResponseHeaders获取响应的所有http头,语法()

10、每个http头名称和值用冒号分割,并以r结束。当send方法完成后才可调用该方法。getResponseHeader从响应信息中获取指定

11、的http头,语法(headerStr)

12、headerStr指定头名称,当send方法成功后才可调用该方法;onreadystatechange当readyState属性改变时调用该属性指定的方法status2**:操作成功收到,分析、接受[200常用]

13、4**:客户端请求错误

14、5**:服务器响应错误statusTextstatusText属性和status属性的功能基本相同.他们的区别在于status返回的是http状态码[数字形式];而statusText返回的是以文本形式返回http状态信息.比如在请求一个不存在的网页时status返回404,而statu

15、sText则返回NotF

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。