服务器维护网站维护数据维护系统安全配置
专业定制网站企业建站一条龙、软件定制开发、系统集成
稳定虚机备案一条龙，稳定快捷通道
服务理念诚信守诺客户至上专业精神专心贯注

AJAX教程(11)：AJAX XML 实例

作者：黑客防线网安Ajax教程基地来源：黑客防线网安Ajax教程基地浏览次数：0

本篇关键词：实例教程 AJAX

黑客防线网安网讯：AJAX 可用来与 XML 文件进行交互式通信。AJAX XML 实例在下面的 AJAX 实例中，我们将演示如何通过使用 AJAX 技术，从 XML 文件中读取信息。在下面的下列列表中选择一个 CD选择 CD： Bob Dy...

AJAX 可用来与 XML 文件进行交互式通信。

AJAX XML 实例
在下面的 AJAX 实例中，我们将演示如何通过使用 AJAX 技术，从 XML 文件中读取信息。

在下面的下列列表中选择一个 CD
选择 CD： Bob Dylan Bonnie Tyler Dolly Parton
在此列出 CD 信息。
AJAX 实例解释
上面的例子包含了一个简单的 HTML 表单，以及指向一段 JavaScript 的链接：

<body>

<form>
选择 CD：
<select name="cds" onchange="showCD(this.value)">
<option value="Bob Dylan">Bob Dylan</option>
<option value="Bonnie Tyler">Bonnie Tyler</option>
<option value="Dolly Parton">Dolly Parton</option>
</select>
</form>

</body>
</html>正如您所看到的，它只是一个带有名为 "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);
}