ajax13__AJAX_ResponseXML_实例.doc

AJAX ResponseXML 实例 在下面的 AJAX 实例中，我们将演示网页如何使用 AJAX 技术从数据库中读取信息。这次，这些从数据库中选取的数据将被转换为 XML 文档，然后我们将使用 DOM 来提取要显示的值。 选取下拉列表中的名称 选择客户： AJAX 实例解释 上面的例子包含一个 HTML 表单，若干个保留所返回数据的 span 元素，以及指向一段 JavaScript 的链接： html head script src=selectcustomer_xml.js/script /head body form action= label选择客户： select name=customers onchange=showCustomer(this.value) option value=ALFKIAlfreds Futterkiste/option option value=NORTS North/South/option option value=WOLZAWolski Zajazd/option /select/label /form bspan id=companyname/span/bbr / span id=contactname/spanbr / span id=address/span span id=city/spanbr/ span id=country/span /body /html 上面的例子包含了一个 HTML 表单，该表单带有一个名为 customers 下拉框。 当用户选取下拉框中的客户时，函数 showCustomer() 就会被执行。事件 onchange 会触发该函数执行。换句话说，每当用户改变下拉框中的值时，函数 showCustomer() 就会被调用。 下面列出了 JavaScript 代码。 AJAX JavaScript 这是存储在文件 selectcustomer_xml.js 中的 JavaScript 代码： var xmlHttp function 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].nodeValue; } } function GetXmlHttpObject() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try