手册

目录

XML

收藏728

阅读2649

更新时间2025-08-06

AJAX XML 实例

下例将演示网页如何使用 AJAX 从 XML 文件中获取信息:

实例

请选择一张 CD:

CD 信息将在此处列出...

实例解释 - HTML 页面

当用户在上面的下拉列表中选择 CD 时,会执行一个名为 showCD() 的函数。该函数由 onchange 事件触发:







请选择一个 CD:
CD 信息将在此处列出...

showCD() 函数执行以下操作:

  1. 检查是否选择了 CD
  2. 创建一个 XMLHttpRequest 对象
  3. 创建服务器响应就绪时要执行的函数
  4. 将请求发送到服务器上的文件
  5. 请注意,参数(q)已添加到 URL 中(带有下拉列表的内容)

PHP 文件

以上 JavaScript 调用的服务器上的页面是一个名为 "getcd.php" 的 PHP 文件。

PHP 脚本加载一个 XML 文档 "cd_catalog.xml",针对 XML 文件运行查询,并将结果作为 HTML 返回:

load("cd_catalog.xml");

$x=$xmlDoc->getElementsByTagName('ARTIST');

for ($i=0; $i<=$x->length-1; $i++) {
  // 仅处理元素节点
  if ($x->item($i)->nodeType==1) {
    if ($x->item($i)->childNodes->item(0)->nodeValue == $q) {
      $y=($x->item($i)->parentNode);
    }
  }
}

$cd=($y->childNodes);

for ($i=0;$i<$cd->length;$i++) {
  // 仅处理元素节点
  if ($cd->item($i)->nodeType==1) {
    echo("" . $cd->item($i)->nodeName . ": ");
    echo($cd->item($i)->childNodes->item(0)->nodeValue);
    echo("
"); } } ?>

当 CD 查询从 JavaScript 发送到 PHP 页面时,会发生以下情况:

  1. PHP 创建一个 XML DOM 对象
  2. 查找所有与从 JavaScript 发送的名称匹配的 元素
  3. 输出专辑信息(发送到 "txtHint" 占位符)

科技资讯

更多

精选课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时

61.7万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

39.3万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

70.9万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

61.6万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

23万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

33.9万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

125万人学习

关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号