预览加载中，请您耐心等待几秒...

ajax13__AJAX_ResponseXML_实例.doc

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共35页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

AJAXResponseXML实例 在下面的AJAX实例中，我们将演示网页如何使用AJAX技术从数据库中读取信息。这次，这些从数据库中选取的数据将被转换为XML文档，然后我们将使用DOM来提取要显示的值。 选取下拉列表中的名称 窗体顶端 选择客户： 窗体底端 AJAX实例解释 上面的例子包含一个HTML表单，若干个保留所返回数据的<span>元素，以及指向一段JavaScript的链接： <html> <head> <scriptsrc="selectcustomer_xml.js"></script> </head> <body> <formaction=""> <label>选择客户： <selectname="customers"onchange="showCustomer(this.value)"> <optionvalue="ALFKI">AlfredsFutterkiste</option> <optionvalue="NORTS">North/South</option> <optionvalue="WOLZA">WolskiZajazd</option> </select></label> </form> <b><spanid="companyname"></span></b><br/> <spanid="contactname"></span><br/> <spanid="address"></span> <spanid="city"></span><br/> <spanid="country"></span> </body> </html> 上面的例子包含了一个HTML表单，该表单带有一个名为"customers"下拉框。 当用户选取下拉框中的客户时，函数"showCustomer()"就会被执行。事件"onchange"会触发该函数执行。换句话说，每当用户改变下拉框中的值时，函数showCustomer()就会被调用。 下面列出了JavaScript代码。 AJAXJavaScript 这是存储在文件"selectcustomer_xml.js"中的JavaScript代码： varxmlHttp functionshowCustomer(str) { xmlHttp=GetXmlHttpObject(); if(xmlHttp==null) { alert("YourbrowserdoesnotsupportAJAX!"); return; } varurl="getcustomer_xml.asp"; url=url+"?q="+str; url=url+"&sid="+Math.random(); xmlHttp.onreadystatechange=stateChanged; xmlHttp.open("GET",url,true); xmlHttp.send(null); } functionstateChanged() { if(xmlHttp.readyState==4) { varxmlDoc=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; } } functionGetXmlHttpObject() { varxmlHttp=null; try { //Firefox,Opera8.0+,Safari xmlHttp=newXMLHt