2022年AJAX数据库实例 .pdf
AJAX 数据库实例Previous PageNext PageAJAX 可用来与数据库进行动态地通信。AJAX 数据库实例在下面的AJAX 例子中，我们将演示如何使用AJAX 技术令网页从数据库读取信息。在下面的框中选择一个名字请选择一位客户：Alfreds Futterkiste客户信息将在此处列出。AJAX 实例解释上面的实例包含了一个简单的HTML 表单以及执行JavaScript 的链接：请选择一位客户：Alfreds Futterkiste North/South Wolski Zajazd 名师资料总结-精品资料欢迎下载-名师精心整理-第 1 页，共 8 页 -AJAX 数据库实例Previous PageNext PageAJAX 可用来与数据库进行动态地通信。AJAX 数据库实例在下面的AJAX 例子中，我们将演示如何使用AJAX 技术令网页从数据库读取信息。在下面的框中选择一个名字请选择一位客户：Alfreds Futterkiste客户信息将在此处列出。AJAX 实例解释上面的实例包含了一个简单的HTML 表单以及执行JavaScript 的链接：请选择一位客户：Alfreds Futterkiste North/South Wolski Zajazd 名师资料总结-精品资料欢迎下载-名师精心整理-第 2 页，共 8 页 -AJAX 数据库实例Previous PageNext PageAJAX 可用来与数据库进行动态地通信。AJAX 数据库实例在下面的AJAX 例子中，我们将演示如何使用AJAX 技术令网页从数据库读取信息。在下面的框中选择一个名字请选择一位客户：Alfreds Futterkiste客户信息将在此处列出。AJAX 实例解释上面的实例包含了一个简单的HTML 表单以及执行JavaScript 的链接：请选择一位客户：Alfreds Futterkiste North/South Wolski Zajazd 名师资料总结-精品资料欢迎下载-名师精心整理-第 3 页，共 8 页 -AJAX 数据库实例Previous PageNext PageAJAX 可用来与数据库进行动态地通信。AJAX 数据库实例在下面的AJAX 例子中，我们将演示如何使用AJAX 技术令网页从数据库读取信息。在下面的框中选择一个名字请选择一位客户：Alfreds Futterkiste客户信息将在此处列出。AJAX 实例解释上面的实例包含了一个简单的HTML 表单以及执行JavaScript 的链接：请选择一位客户：Alfreds Futterkiste North/South Wolski Zajazd 名师资料总结-精品资料欢迎下载-名师精心整理-第 4 页，共 8 页 -AJAX 数据库实例Previous PageNext PageAJAX 可用来与数据库进行动态地通信。AJAX 数据库实例在下面的AJAX 例子中，我们将演示如何使用AJAX 技术令网页从数据库读取信息。在下面的框中选择一个名字请选择一位客户：Alfreds Futterkiste客户信息将在此处列出。AJAX 实例解释上面的实例包含了一个简单的HTML 表单以及执行JavaScript 的链接：请选择一位客户：Alfreds Futterkiste North/South Wolski Zajazd 名师资料总结-精品资料欢迎下载-名师精心整理-第 5 页，共 8 页 -正如您所看到的，它只是一个带有名为cds 的下拉列表的简单HTML 表单。表单下面的段落包含一个名为txtHint 的 div。该 div 用作从web 服务器接受的数据的位置占位符。当用户选择列表时，名为showCD 的函数就会被执行。该函数的执行是onchange 事件触发的。换句话说，每当用户改变了下拉列表的值，这个showCD 函数就会被调用。下面列出了JavaScript 代码。AJAX JavaScript 这是存储在文件selectcd.js 中的JavaScript 代码：var xmlHttp function 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=stateChanged;xmlHttp.open(GET,url,true);xmlHttp.send(null);function stateChanged()if(xmlHttp.readyState=4)名师资料总结-精品资料欢迎下载-名师精心整理-第 6 页，共 8 页 -document.getElementById(txtHint).innerHTML=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 服务器页面被 JavaScript 调用的服务器页面，是名为getcd.asp 的简单ASP 文件。名师资料总结-精品资料欢迎下载-名师精心整理-第 7 页，共 8 页 -该页面使用VBScript 编写，针对Internet 信息服务器(IIS)。可以用PHP 或其他服务器语言，简单地重写该页面。请看在PHP 中对应的例子（测试：缺具体页面）。该代码执行针对XML 文件的查询，并以HTML 返回结果：%response.expires=-1 q=request.querystring(q)set xmlDoc=Server.CreateObject(Microsoft.XMLDOM)xmlDoc.async=false xmlDoc.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()next next%名师资料总结-精品资料欢迎下载-名师精心整理-第 8 页，共 8 页 -
