2014年AJAX技术30291314.pptVIP

用于处理XML文档的DOM方法 getElementById(document):获取有指定唯一ID属性值文档中的元素 getElementByTagName(name):返回当前元素中指定标记名的子元素的数组 * 用于处理XML文档的DOM方法 hasChildNodes():返回布尔值，表示元素是否有子元素 getAttribute(name):返回元素的属性值，属性由name指定 * 动态创建内容时的DOM方法 Document.createElement(tagName):可以创建由tagName指定的元素，如果以div为参数，就会生成一个div元素 Document.createTextNode(text)：创建包含静态文本的节点 element.appendChild(childNode)：将指定的节点增加到当前元素的子节点（作为一个新的子节点）。例如，可以增加一个option元素，作为select元素的子节点 * 动态创建内容时的DOM方法 element.getAttribute(name)：获得元素中name属性的值 element.setAttribute(name,value)：设置属性 element.insertBefore(newNode,targetNode)：将节点newNode作为当前元素的子节点插到targetNode元素前面 * 动态创建内容时的DOM方法 element.removeAttribute(name)：删除属性 element.removeChild(childNode)：删除子节点 element.replaceChild(newNode,oldNode)：替换子节点 element.hasChildNodes()：元素是否有子元素 * AJAX概念 Asynchronous JavaScript＋XML AJAX不是一个新的技术，应算一个技巧 JavaScript是其主要的组件 XMLHttpRequest对象(XHR)是AJAX中的重要对象 * AJAX概念 因特网默认的请求/响应模式有了重大转变，这正式AJAX的核心 Web应用开发人员可以自由地与服务器异步交互 可以完成许多原本只能在胖客户上完成的任务 * AJAX概念 AJAX是一个客户端技术，不论使用何种服务器端技术，都能使用AJAX 需要注意的是，使用AJAX，服务器端程序可能不会返回一个完整页面，而只是返回一点点文本 * AJAX的四个主要组件 JavaScript CSS DOM XMLHttpRequest对象 * XMLHttpRequest对象 XMLHttpRequest最早是在IE5中以ActiveX组件形式实现的 最近，很多新的浏览器都支持XHR * 创建XMLHttpRequest对象 使用XHR前，必须用JavaScript创建一个XHR对象 IE把XHR实现为一个ActiveX对象 其他浏览器实现为一个本地JavaScript对象 由于这些差别，所以创建XHR时需要用分支逻辑 * 创建XMLHttpRequest对象 Var xmlHttp; Function createXMLHttpRequest(){ if(window.ActiveXObject){ xmlHttp=new ActiveXObject(“Microsoft.XMLHttp”); }else if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); } } * XMLHttpRequest方法 Abort:停止当前请求 getAllResponseHeaders:把Http请求的所有响应首部作为键/值对返回 getResponseHeader(“header”):返回指定首部的串值 * XMLHttpRequest方法 Open(“method”,”url”):建立对服务器的调用，method可以是get、post、或put Send（content）:向服务器发送请求，POST方式是，数据用此方法发送，GET方式时一般为NULL setRequestHeader(“header”,”value”):为首部设定值，之前必须调用open方法 * XMLHttpRequest属性 Onreadystatechange:每个状态改变时都会触发这个事件处理器，通常会调用一个JavaScript函数 readyState：请求的状态。有5个可取值：0＝未初始化，1＝正在加载，2＝已加载。3＝交互中，4＝完成 responseText:服务器的响应，表示为一共串 * XMLHttpRequest属性 responseXML:服务器的响应，表示为XML，这个