AJAX技术和应用(精选).docVIP

AJAX技术和应用 Ajax技术的发展过程 Ajax的概念 是 异步javascript 和 xml 的英文缩写 技术核心：使用XMLHttpRequest对象发送异步请求. Ajax的技术原理 技术范围 XHTML和CSS DOM进行动态显示和交互 XML和XSLT进行数据交互和操作 XMLHttpRequest进行异步数据接收 使用Javascript作为前端代码 应用的因素 减轻服务器的负担。 按需提取数据 无刷新提取数据 用户体验效果。减少用户等待时间 将部分负荷转移到客户端，利用客户端闲置的处理资源 页面呈现与分离 技术应用的场景 数据验证 按需提取数据 无刷新提交和操作 自动局部刷新 其它 Ajax的应用基础 XMLHttpRequest　和 javascript XMLHttpRequest　的对象方法 方法 说明 Abort 停止当前请求 getAllResponseHeaders 将HTTP请求的响应作为键/值返回 getResponseHeder “headerlabel” 返回指定首字母的字符串 Open “method”,url,”[async]”,username,password 建立对服务器的调用 Send content 向服务器发送 setRequestHeader “label”,”value” 向指定首部设置值 XMLHttpRequest　的对象属性 属性 说明 onreadystatechange 状态改变的事件触发器，每个状态改变都会触发 readystate 对象状态 responseText 服务器的响应，字符串 responseXML 服务器响应的XML，可以解析为DOM status 服务器返回的HTTP状态码 statusText HTTP状态码的相应的文本 示例： Var xmlhttp; If IE Xmlhttp new ActiveXObject “Microsoft.XMLHTTP” ; else window.. XMLHttpRequest Xmlhttp new XMLHttpRequest ; Xmlhttp.open ; Xmlhttp.onreadystatechange callback; Xmlhttp.send null ; Function callback Javascript 面向对象的编程方法 Function x1 ,x2 This.A x1; This.B x2; DOM 对象 HTML常用节点类型 名称 NodeType 说明 Element 1 元素节点 Text 3 文本节点 Document 9 Document Comment 8 注 DocumentFragment 11 Document片断 Attribute 2 节点属性 Document的常用方法 createAttribute 用指写名称创建新的Attribute createComment 用指写值创建新的Comment createElement 用指写值创建新的Element createTextNode 用指写值创建新的TextNode getElementById 返回Element getElementByTagName 返回Element Element的常用属性和方法 tagName 返回值 getAttributeNode 返回值 getELementsByTabName 返回值 has Attribute 返回值 removeAttribute 返回值 removeAttributeNode 返回值 setAttribute 返回值 setAttributeNode 返回值 Node常用属性和方法 Attributes parentNode childNodes previousSibling firstChild appendChild lastChild cloneNode nextSibling HasChildNodes nodeName insertBefore nodeType removeChild replaceChild Ajax的应用模型 客户端―――用户操作