《AJAX_数据库实例》由会员分享，可在线阅读，更多相关《AJAX_数据库实例（8页珍藏版）》请在金锄头文库上搜索。
1、AJAX 数据库实例 Previous Page Next Page AJAX 可用来与数据库进行动态地通信。AJAX 数据库实例在下面的 AJAX 例子中，我们将演示如何使用 AJAX 技术令网页从数据库读取信息。在下面的框中选择一个名字窗体顶端请选择一位客户： 窗体底端客户信息将在此处列出。AJAX 实例解释上面的实例包含了一个简单的 HTML 表单以及执行 JavaScript 的链接：请选择一位客户：Alfreds FutterkisteNorth/SouthWolski Zajazd 客户信息将在此处列出。正如您看到的，这是一个简单的带有一个名为 customers 下拉列表的 HT
2、ML 表单。表单以下的段落包含了一个名为 txtHint 的 div，这个 div 充当了由 web 服务器所取回的信息的位置占位符。当用户选择数据时，名为 showCustomer() 的函数会被执行。函数的执行会被 onchange 事件触发。另外需要说明的是：每当用户改变下拉列表中的值，函数 showCustomer 就会被调用。下面列出了 JavaScript 代码。AJAX JavaScript这是存储在文件 selectcustomer.js 中的 JavaScript 代码：var xmlHttpfunction showCustomer(str) xmlHttp=GetXmlH
3、ttpObject();if (xmlHttp=null) alert (您的浏览器不支持AJAX！); return; var url=getcustomer.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) document.getElementById(txtHint).in
4、nerHTML=xmlHttp.responseText;function GetXmlHttpObject()var xmlHttp=null;try / Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); catch (e) / Internet Explorer try xmlHttp=new ActiveXObject(Msxml2.XMLHTTP); catch (e) xmlHttp=new ActiveXObject(Microsoft.XMLHTTP); return xmlHttp;AJAX 服务器页面这个被 J
5、avaScript 调用的服务器页面，是一个名为 getcustomer.asp 的简单的 ASP 文件。此页面使用 VBScript 针对 IIS 编写。可以使用 PHP 或其他服务器语言对它进行改写。此代码可运行针对某个数据库的 SQL，并以 HTML 表格返回结果：%response.expires=-1sql=SELECT * FROM CUSTOMERS WHERE CUSTOMERID=sql=sql & & request.querystring(q) & set conn=Server.CreateObject(ADODB.Connection)conn.Provider=Mi
6、crosoft.Jet.OLEDB.4.0conn.Open(Server.Mappath(/db/northwind.mdb)set rs = Server.CreateObject(ADODB.recordset)rs.Open sql, connresponse.write()do until rs.EOF for each x in rs.Fields response.write( & x.name & ) response.write( & x.value & ) next rs.MoveNextloopresponse.write()%在下面的下列列表中选择一个 CD窗体顶端选择
7、 CD： 窗体底端在此列出 CD 信息。AJAX 实例解释上面的例子包含了一个简单的 HTML 表单，以及指向一段 JavaScript 的链接： 选择 CD：Bob DylanBonnie TylerDolly Parton 在此列出 CD 信息。正如您所看到的，它只是一个带有名为 cds 的下拉列表的简单 HTML 表单。表单下面的段落包含一个名为 txtHint 的 div。该 div 用作从 web 服务器接受的数据的位置占位符。当用户选择列表时，名为 showCD 的函数就会被执行。该函数的执行是 onchange 事件触发的。换句话说，每当用户改变了下拉列表的值，这个 showCD
8、 函数就会被调用。下面列出了 JavaScript 代码。AJAX JavaScript这是存储在文件 selectcd.js 中的 JavaScript 代码：var xmlHttpfunction showCD(str) xmlHttp=GetXmlHttpObject();if (xmlHttp=null) alert (Your browser does not support AJAX!); return; var url=getcd.asp;url=url+?q=+str;url=url+&sid=+Math.random();xmlHttp.onreadystatechange=
9、stateChanged;xmlHttp.open(GET,url,true);xmlHttp.send(null);function stateChanged() if (xmlHttp.readyState=4) document.getElementById(txtHint).innerHTML=xmlHttp.responseText;function GetXmlHttpObject()var xmlHttp=null;try / Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); catch (e) / Interne
10、t Explorer try xmlHttp=new ActiveXObject(Msxml2.XMLHTTP); catch (e) xmlHttp=new ActiveXObject(Microsoft.XMLHTTP); return xmlHttp;AJAX 服务器页面被 JavaScript 调用的服务器页面，是名为 getcd.asp 的简单 ASP 文件。该页面使用 VBScript 编写，针对 Internet 信息服务器 (IIS)。可以用 PHP 或其他服务器语言，简单地重写该页面。请看在 PHP 中对应的例子（测试：缺具体页面）。该代码执行针对 XML 文件的查询，并以
11、HTML 返回结果：%response.expires=-1q=request.querystring(q)set xmlDoc=Server.CreateObject(Microsoft.XMLDOM)xmlDoc.async=falsexmlDoc.load(Server.MapPath(cd_catalog.xml)set nodes=xmlDoc.selectNodes(CATALOG/CDARTIST= & q & )for each x in nodes for each y in x.childnodes response.write( & y.nodename & : ) response.write(y.text) response.write() nextnext%
