Ajax 章 J2EE概述 JavaEE教学课件PPT.pptVIP

Ajax 江西农业大学软件学院北京实习基地 Ajax Asynchronous JavaScript and XML 工作原理 层DIV div id=“a”/div” 层里的内容可以通过对属性innerHTML赋值改变 Document.getElementById(“a”).innerHTML=“p新内容”; 表单 form name=studentform action=AddStudent.action method=post …… p姓名：input type=text name= size=10 onblur=startRequest() div id=namecheck/div …… 创建请求对象 var xmlHttp; function createXMLHttpRequest() { if(window.ActiveXObject) { xmlHttp = new ActiveXObject(Microsoft.XMLHTTP); } else if(window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } 发送请求 function startRequest() { createXMLHttpRequest(); xmlHttp.onreadystatechange = handleStateChange; xmlHttp.open(GET,servlet/Jiancha?xingming= + form_zengjia.xingming.value,true); xmlHttp.send(null); } 接收应答 function handleStateChange() { if(xmlHttp.readyState == 4) { if(xmlHttp.status == 200) { document.getElementById(xingmingjiancha).innerHTML = xmlHttp.responseText; } } } Servlet response.setContentType(text/html;charset=GBK); PrintWriter out = response.getWriter(); out.println(font color=red姓名已存在！/font); XML+DOM var dtable = document.getElementById(dataBody); var teamEls = xmlHttp.responseXML.getElementsByTagName(team); for(var i=0;iteams.length;i++) { var elTr = dtable.insertRow(i); var teamEl = teamEls.item(i); var elId = teamEl.getElementsByTagName(id); var id = elId.item(0).firstChild.nodeValue; var elTdId = elTr.insertCell(0); elTdId.innerHTML = id; XML+DOM（续） var elName = teamEl.getElementsByTagName(name); var name = elName.item(0).firstChild.nodeValue; var elTdName = elTr.insertCell(1); elTdName.innerHTML = name; var elSlogan = teamEl.getElementsByTagName(slogan); var slogan = elSlogan.item(0).firstChild.nodeValue; var elTdSlogan = elTr.insertCell(2); elTdSlogan.innerHTML = slogan; var elLeader = teamEl.getElementsByTagName(leader); var leader = elLeader.item(0).firstChild.nodeValue; var elTdLeader = elTr.insertCell(3); elTdLeader.innerHTML = leader; } XML+XSL var xslDoc = new ActiveXObject(Microsoft.XMLDOM); xslDoc.