ajax原理.docx
本文档包含以下内容：一'ajax工作原理二 .XM1.Request对象Kiii三 .打开槌接，向服务器发送至求.ajax工作原理Ajax:异步的javascript和Xml作用：在不重新力减整个页面的状况下，实现与服务器交涣数据并更新部分网页.ajax工作步骤：1 .创建ajax对象2 .推断数据传输方式：get/post3、打开连接。Peno4 .发送Sendo5 .当ajax对象完成(Onreadtstatechange)数据接收完成,邮响应状态用A行回谓曲数.二.XM1.ReqUeSt对象的创建作用：用于在后台与服务器交瑛效jg.IE5,正6运用:AetiVeXO坷ect其他支持XM1.Request1.创健XM1.Request对象a=newXM1.RequestQ;a=newActiveXObjectCMicrosoft.XM1.")yie5,ie6为了应对全部的现代阅波器，包括IE5和IE6,请检位阅漆器是否支持XM1.Request对象.假如支持，则创建XM1.Request对象.假如不支持，则创建ActiveXObject:Varxml;if(window.XM1.Request)(×ml=newXMlRequestO;)else(xml=newActive×Ob)ect(,Microsoft.XM1.');三、打开链接，向服务笥发送恩求xml.open(,GET"1'test1.txt,true);×ml.send();参数一：数闾弓送封get/postTS状况下运用get,因为get是附在网址后面进行数据传送,大部分状况下都能用.运用PoSt的状况：无法运用叟存文件/向服务器传送大量数娓/发送包含未知字符的用户输入参数二:文件叁数三：true是异步，false是同步7代码示例1：1.html< !DOCTYPEHTM1.><html><head><metaequiv='ContentType'content=te×thtml;charset=utf8'>Vtitle>无标Sl文档</titIe><head><body><drv>< h2id="mydiv*>ajax<h2>< buttontype=buttononCIck="loadXM1.DOCO>>S3<Sl<butto><drv><scripttype三-textjavascript'>funaionloadXM1.DOC()varxml;if(windv.XM1.Request)(xml=newXM1.Request();)elsexml三=newActiveXObject("Mcrosoft.XM1.*);)Xml.onreadystate<hange=functionO(if(×ml.readyState=4&&xml.status=200)(document.getElementById(rmydiv").innerHTM1.=×ml.responseText;)xml.openCGET-2.htm,true);Xml.send;<script><body><html>2.html<html><head><head><body><pstyle=*color:redf>本内容是运用GET方法恳求的.<p><pstyle三"color:red/>思娴间：2015-10291932:23<p><body><html>上面的例子中,力避开获得遗存结果.可以向UR1.添加唯一idxml.open(,GET","2.html7t=÷Math.random(),true);运用Post同求时，饯如想像HTM1.表物解post数据，运用setRequestHeaderJD头部,然后在Sendo方法中规定发送的数据.xml.open(POST2.htm,true);xml.setRequestHeader(Content-type",'applcationx-vrw.form-uriencodedr);xml.send(*fname=bill&lname=gate*);留意：XM1.Request对象性如要用于AJAX的话,open方法的async参数必需设81为truexml.open("GET","aja×Jest.asptrue);通过aja×js无需等待服务器响应，而是在等锦艮务器响应时执行其他脚步当响应就绪后对响应迸行处理根汉运用fake当运用false时，Onreadystatechange的数,干脆把代码放到Sendo语句后面即可：xml.open("GET",testl.txt',fase);Cml.send;document.getEemetByld("mydiv).innerHTM1.=×ml.responseTe×t
