欢迎大家来到IT世界,在知识的湖畔探索吧!
AJAX 可用来与 XML 文件进行交互式通信。
AJAX XML 实例
下面的实例将演示网页如何通过 AJAX 从 XML 文件读取信息:
实例
CD info will be listed here…
实例解释 – HTML 页面
当用户在上面的下拉列表中选择某张 CD 时,会执行名为 “showCD()” 的函数。该函数由 “onchange” 事件触发:
<html><head><script>function showCD(str){
欢迎大家来到IT世界,在知识的湖畔探索吧!
showCD() 函数会执行以下步骤:
-
检查是否有 CD 被选择
-
创建 XMLHttpRequest 对象
-
创建在服务器响应就绪时执行的函数
-
向服务器上的文件发送请求
-
请注意添加到 URL 末端的参数(q)(包含下拉列表的内容)
PHP 文件
上面这段通过 JavaScript 调用的服务器页面是名为 “getcd.php” 的 PHP 文件。
PHP 脚本加载 XML 文档,”cd_catalog.xml”,运行针对 XML 文件的查询,并以 HTML 返回结果:
欢迎大家来到IT世界,在知识的湖畔探索吧!<?php
当 CD 查询从 JavaScript 发送到 PHP 页面时,将发生:
-
PHP 创建 XML DOM 对象
-
查找所有 <artist> 元素中与 JavaScript 所传数据相匹配的名字
-
输出 album 的信息,并发送回 “txtHint” 占位符
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/30127.html