Ajax技术PPT.pptVIP

解释： 客户端触发一个ajax事件和触发一个正常的js事情是没有任何区别的。 Xhr对象如果创建成功那么就可以调用send方法向服务器发送请求 服务器就可以做你想做的事情 请求返回到浏览器。还应该在服务器端设置一些动作：Response.setHeader(“Cache-control”,”no-cache”); Response.setHeader(“pragma”,”no-cache”); 在这个示例中，xhr对象配置为处理返回时要调用callback（）函数。这个函数会函数会调用xhr对象的readyState属性，然后检查服务器返回的状态码。如果一切正常，callback函数会被调用。回调函数 Function callback（） { If(xhr.readystate==4) { If(xhr.status==200) { //do something interesting here } } } responsText例子 // 2.回调( 回来调用JS，并把数据给JS处理) function callBack(){ if (http_request.readyState == 4) // readyState的取值如下: 0 (未初始化) 1 (正在装载) 2 // (装载完毕) 3 (交互中) 4 (完成) { if (http_request.status == 200) // 成功回来了 XHR带回来的可以是两种东西( responseXML格式的数据, responseText文本数据 ) { // 这是我们关心（回来的东西，把东西给那个JS函数）并使用的地方 // var liWu = http_request.responseText; // http_request.responseText – 以文本字符串的方式返回服务器的响应 // http_request.responseXML – // 以XMLDocument对象方式返回响应.处理XMLDocument对象可以用JavaScript DOM函数 // JS对带回来的数据进行加工 // alert( http_request.responseText ); // document.getElementById(jbgx).innerHTML=http_request.responseText; alert(var shuJu = + http_request.responseText); } else { alert(请求有问题); } } } 配合操作页面的动作 eval(var shuJu = + http_request.responseText); for ( var i = 0; i shuJu.length; i++) { // 1.建立 option var op = document.createElement(option); // 2.改（css html属性 ，内容） op.value = shuJu[i]; op.innerHTML = shuJu[i]; // 3.挂 document.getElementById(xueLi).appendChild(op); } innerHTML ?xml version=1.0 encoding=UTF-8? table trtd id=“tdTest”name/td/tr /table 处理xml文档的dom元素属性 属性名 描述 childNodes 返回当前元素所有子元素的数组 firstChild 返回当前元素的第一个下级子元素 lastChild 返回当前元素的最后一个子元素 nextSibling 返回紧跟在当前元素的下一个元素 nodeValue 指定元素属性值的读取 parentNode 返回元素的父结点 previousSibling 返回紧邻当前元素的前一个元素 用于遍历xml文档的dom元素方法 方法名 描述 getElementById(id) (document) 获取指定唯一ID属性值文档中的元素 getElementsByTagName(name) 返回当前元素中有指定标记名字的元素数组 hasChildNodes() 返回一个布尔值，指示元素是否有子元素 getAttribute(name) 返回元素的属性值，属性由name指定 操作xml数据格式.Part1 var xmlHttp; function test() { xmlHttp=GetXmlHttpObject(); //访问jsp 或 action或servlet路径 var url=%=request.getContextPath()%/TestXMLServle