AJAX教程：AJAXResponseXML实例.docxVIP

网页制作Webjx文章简介：与 responseText 以字符串返回 HTTP 响应不同，responseXML 以 XML 返回响应。ResponseXML 属性返回 XML 文档对象，可使用 W3C DOM 节点树的方法和属性来检查和解析该对象。与 responseText 以字符串返回 HTTP 响应不同，responseXML 以 XML 返回响应。ResponseXML 属性返回 XML 文档对象，可使用 W3C DOM 节点树的方法和属性来检查和解析该对象。AJAX ResponseXML 实例在下面的 AJAX 实例中，我们将演示网页如何使用 AJAX 技术从数据库中读取信息。这次，这些从数据库中选取的数据将被转换为 XML 文档，然后我们将使用 DOM 来提取要显示的值。选取下拉列表中的名称窗体顶端选择客户： 窗体底端AJAX 实例解释上面的例子包含一个 HTML 表单，若干个保留所返回数据的 span 元素，以及指向一段 JavaScript 的链接：htmlheadscript src=selectcustomer_xml.js/script/headbodyform action= label选择客户：select name=customers onchange=showCustomer(this.value)option value=ALFKIAlfreds Futterkiste/optionoption value=NORTS North/South/optionoption value=WOLZAWolski Zajazd/option/select/label/formbspan id=companyname/span/bbr /span id=contactname/spanbr /span id=address/spanspan id=city/spanbr/span id=country/span/body/html上面的例子包含了一个 HTML 表单，该表单带有一个名为 customers 下拉框。当用户选取下拉框中的客户时，函数 showCustomer() 就会被执行。事件 onchange 会触发该函数执行。换句话说，每当用户改变下拉框中的值时，函数 showCustomer() 就会被调用。下面列出了 JavaScript 代码。AJAX JavaScript这是存储在文件 selectcustomer_xml.js 中的 JavaScript 代码：var xmlHttpfunction showCustomer(str){ xmlHttp=GetXmlHttpObject();if (xmlHttp==null) { alert (Your browser does not support AJAX!); return; }var url=getcustomer_xml.asp;url=url+?q=+str;url=url+sid=+Math.random();xmlHttp.onreadystatechange=stateChanged;xmlHttp.open(GET,url,true);xmlHttp.send(null);}function stateChanged() { if (xmlHttp.readyState==4){var xmlDoc=xmlHttp.responseXML.documentElement;document.getElementById(companyname).innerHTML=xmlDoc.getElementsByTagName(compname)[0].childNodes[0].nodeValue;document.getElementById(contactname).innerHTML=xmlDoc.getElementsByTagName(contname)[0].childNodes[0].nodeValue;document.getElementById(address).innerHTML=xmlDoc.getElementsByTagName(address)[0].childNodes[0].nodeValue;document.getElementById(city).innerHTML=xmlDoc.getElementsByTagName(city)[0].childNodes[0].nodeValue;document.getElementById(country).innerHTML=xmlDoc.getElementsByTagName(country)[0].childNodes[0]