PHP_AJAX实例2

最新推荐文章于 2018-12-23 10:40:56 发布
最新推荐文章于 2018-12-23 10:40:56 发布
阅读量640 收藏
点赞数
分类专栏： LAMP 文章标签： php ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/angelof7/article/details/17797405
版权

本例包括三张页面：

  • 一个简单 HTML 表单
  • 一个 XML 文件
  • 一个 JavaScript 文件
  • 一张 PHP 页面

<html>
<head>
<script src = "selectcd.js"></script>
</head>

<body>

<form>
Select a CD:
<select name = "cds" onchange = "showCD(this.value)">
<option value = "Bob Dylan">Bob Dylan</option>
<option value = "Bee Gees">Bee Gees</option>
<option value = "Cat Stevens">Cat Stevens</option>
</select>
</form>

<p>
<div id = "txtHint"><b>CD info will be listed here.</b></div>
</p>

</body>
</html>

var xmlHttp

function showCD(str)
{
    xmlHttp = GetXmlHttpObject();
    if (xmlHttp == null)
    {
        alert ("Browser does not support HTTP Request");
        return;
    }
    var url = "getcd.php";
    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 || xmlHttp.readState == "complete")
    
        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;
}

<?php
$q = $_GET['q'];

$xmlDoc = new DOMDocument();
$xmlDoc -> load("cd_catalog.xml");

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

for($i = 0; $i < $x->length; $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 (": ");
        echo ($cd -> item($i) -> childNodes ->item(0) -> nodeValue);
        echo ("<br/>");
        }
    }
?>

<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy� -->
<CATALOG>
	<CD>
		<TITLE>Empire Burlesque</TITLE>
		<ARTIST>Bob Dylan</ARTIST>
		<COUNTRY>USA</COUNTRY>
		<COMPANY>Columbia</COMPANY>
		<PRICE>10.90</PRICE>
		<YEAR>1985</YEAR>
	</CD>
	<CD>
		<TITLE>Hide your heart</TITLE>
		<ARTIST>Bonnie Tyler</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>CBS Records</COMPANY>
		<PRICE>9.90</PRICE>
		<YEAR>1988</YEAR>
	</CD>
	<CD>
		<TITLE>Greatest Hits</TITLE>
		<ARTIST>Dolly Parton</ARTIST>
		<COUNTRY>USA</COUNTRY>
		<COMPANY>RCA</COMPANY>
		<PRICE>9.90</PRICE>
		<YEAR>1982</YEAR>
	</CD>
	<CD>
		<TITLE>Still got the blues</TITLE>
		<ARTIST>Gary Moore</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>Virgin records</COMPANY>
		<PRICE>10.20</PRICE>
		<YEAR>1990</YEAR>
	</CD>
	<CD>
		<TITLE>Eros</TITLE>
		<ARTIST>Eros Ramazzotti</ARTIST>
		<COUNTRY>EU</COUNTRY>
		<COMPANY>BMG</COMPANY>
		<PRICE>9.90</PRICE>
		<YEAR>1997</YEAR>
	</CD>
	<CD>
		<TITLE>One night only</TITLE>
		<ARTIST>Bee Gees</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>Polydor</COMPANY>
		<PRICE>10.90</PRICE>
		<YEAR>1998</YEAR>
	</CD>
	<CD>
		<TITLE>Sylvias Mother</TITLE>
		<ARTIST>Dr.Hook</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>CBS</COMPANY>
		<PRICE>8.10</PRICE>
		<YEAR>1973</YEAR>
	</CD>
	<CD>
		<TITLE>Maggie May</TITLE>
		<ARTIST>Rod Stewart</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>Pickwick</COMPANY>
		<PRICE>8.50</PRICE>
		<YEAR>1990</YEAR>
	</CD>
	<CD>
		<TITLE>Romanza</TITLE>
		<ARTIST>Andrea Bocelli</ARTIST>
		<COUNTRY>EU</COUNTRY>
		<COMPANY>Polydor</COMPANY>
		<PRICE>10.80</PRICE>
		<YEAR>1996</YEAR>
	</CD>
	<CD>
		<TITLE>When a man loves a woman</TITLE>
		<ARTIST>Percy Sledge</ARTIST>
		<COUNTRY>USA</COUNTRY>
		<COMPANY>Atlantic</COMPANY>
		<PRICE>8.70</PRICE>
		<YEAR>1987</YEAR>
	</CD>
	<CD>
		<TITLE>Black angel</TITLE>
		<ARTIST>Savage Rose</ARTIST>
		<COUNTRY>EU</COUNTRY>
		<COMPANY>Mega</COMPANY>
		<PRICE>10.90</PRICE>
		<YEAR>1995</YEAR>
	</CD>
	<CD>
		<TITLE>1999 Grammy Nominees</TITLE>
		<ARTIST>Many</ARTIST>
		<COUNTRY>USA</COUNTRY>
		<COMPANY>Grammy</COMPANY>
		<PRICE>10.20</PRICE>
		<YEAR>1999</YEAR>
	</CD>
	<CD>
		<TITLE>For the good times</TITLE>
		<ARTIST>Kenny Rogers</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>Mucik Master</COMPANY>
		<PRICE>8.70</PRICE>
		<YEAR>1995</YEAR>
	</CD>
	<CD>
		<TITLE>Big Willie style</TITLE>
		<ARTIST>Will Smith</ARTIST>
		<COUNTRY>USA</COUNTRY>
		<COMPANY>Columbia</COMPANY>
		<PRICE>9.90</PRICE>
		<YEAR>1997</YEAR>
	</CD>
	<CD>
		<TITLE>Tupelo Honey</TITLE>
		<ARTIST>Van Morrison</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>Polydor</COMPANY>
		<PRICE>8.20</PRICE>
		<YEAR>1971</YEAR>
	</CD>
	<CD>
		<TITLE>The very best of</TITLE>
		<ARTIST>Cat Stevens</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>Island</COMPANY>
		<PRICE>8.90</PRICE>
		<YEAR>1990</YEAR>
	</CD>
	<CD>
		<TITLE>Stop</TITLE>
		<ARTIST>Sam Brown</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>A and M</COMPANY>
		<PRICE>8.90</PRICE>
		<YEAR>1988</YEAR>
	</CD>
	<CD>
		<TITLE>Bridge of Spies</TITLE>
		<ARTIST>T'Pau</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>Siren</COMPANY>
		<PRICE>7.90</PRICE>
		<YEAR>1987</YEAR>
	</CD>
	<CD>
		<TITLE>Private Dancer</TITLE>
		<ARTIST>Tina Turner</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>Capitol</COMPANY>
		<PRICE>8.90</PRICE>
		<YEAR>1983</YEAR>
	</CD>
	<CD>
		<TITLE>Midt om natten</TITLE>
		<ARTIST>Kim Larsen</ARTIST>
		<COUNTRY>EU</COUNTRY>
		<COMPANY>Medley</COMPANY>
		<PRICE>7.80</PRICE>
		<YEAR>1983</YEAR>
	</CD>
	<CD>
		<TITLE>Pavarotti Gala Concert</TITLE>
		<ARTIST>Luciano Pavarotti</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>DECCA</COMPANY>
		<PRICE>9.90</PRICE>
		<YEAR>1991</YEAR>
	</CD>
	<CD>
		<TITLE>The dock of the bay</TITLE>
		<ARTIST>Otis Redding</ARTIST>
		<COUNTRY>USA</COUNTRY>
		<COMPANY>Atlantic</COMPANY>
		<PRICE>7.90</PRICE>
		<YEAR>1987</YEAR>
	</CD>
	<CD>
		<TITLE>Picture book</TITLE>
		<ARTIST>Simply Red</ARTIST>
		<COUNTRY>EU</COUNTRY>
		<COMPANY>Elektra</COMPANY>
		<PRICE>7.20</PRICE>
		<YEAR>1985</YEAR>
	</CD>
	<CD>
		<TITLE>Red</TITLE>
		<ARTIST>The Communards</ARTIST>
		<COUNTRY>UK</COUNTRY>
		<COMPANY>London</COMPANY>
		<PRICE>7.80</PRICE>
		<YEAR>1987</YEAR>
	</CD>
	<CD>
		<TITLE>Unchain my heart</TITLE>
		<ARTIST>Joe Cocker</ARTIST>
		<COUNTRY>USA</COUNTRY>
		<COMPANY>EMI</COMPANY>
		<PRICE>8.20</PRICE>
		<YEAR>1987</YEAR>
	</CD>
</CATALOG>

例子解释：

正如您看到的，它仅仅是一张简单的 HTML 表单，其中带有名为 "cds" 的下拉列表。

表单下面的段落包含了一个名为 "txtHint" 的 div。这个 div 用作从 web 服务器检索到的数据的占位符。

当用户选择数据时，会执行名为 "showCD" 的函数。这个函数的执行是由 "onchange" 事件触发的。

换句话说，每当用户改变了下拉列表中的值，就会调用 showCD 函数。

showCD() 函数

假如选择了下拉列表中的某个项目，则函数执行：

  1. 调用 GetXmlHttpObject 函数来创建 XMLHTTP 对象
  2. 定义发送到服务器的 URL（文件名）
  3. 向 URL 添加带有下拉列表内容的参数 (q)
  4. 添加一个随机数，以防服务器使用缓存的文件
  5. 当触发事件时调用 stateChanged
  6. 通过给定的 URL 打开 XMLHTTP 对象
  7. 向服务器发送 HTTP 请求
请求从 JavaScript 发送到 PHP 页面时，发生：
  1. PHP 创建 "cd_catalog.xml" 文件的 XML DOM 对象
  2. 循环所有 "artist" 元素 (nodetype = 1)，查找与 JavaScript 所传数据向匹配的名字
  3. 找到 CD 包含的正确 artist
  4. 输出 album 的信息，并发送到 "txtHint" 占位符
angelof7
关注
专栏目录
html调用XML
weixin_34202952的博客
03-05 190
方法一,数据绑定XML文件<?xml version="1.0"?> <CATALOG><CD><TITLE>Empire Burlesque</TITLE><ARTIST>Bob Dylan</ARTIST><COUNTRY>USA</COUNTRY><COMPANY>Col...
XPath语法
weixin_34152820的博客
06-28 124
XPath 是XML 的查询语言，和SQL 的角色很类似。以下面XML 为例，介绍XPath 的语法 <?xml version="1.0" encoding="ISO-8859-1"?> <catalog> <cd country="USA"> <title>Empire Burlesque</title&...
Web_PHP_PHP AJAX操作闲谈；
cyb专栏
01-05 764
PHP_AJAX 2015-1-3 11:44 一、AJAX 简介 1、AJAX AJAX = Asynchronous JavaScript And XML（异步 JavaScript 及 XML）；AJAX 是 Asynchronous JavaScript And XML 的首字母缩写。 AJAX 并不是一种新的编程语言，而仅仅是一种新的技术，它可以创建更好、更快且交互性更强
xml学习（一）
dfyg28276的博客
03-29 93
1.理解xml和html XML 不是 HTML 的替代。 XML 和 HTML 为不同的目的而设计： XML 被设计为传输和存储数据，其焦点是数据的内容。 HTML 被设计用来显示数据，其焦点是数据的外观。 HTML 旨在显示信息，而 XML 旨在传输信息。 2.xml结构 XML 文档中的元素形成了一棵文档树。这棵树从根部开始，并扩展到树的最底端， 先看这个简单的例子...
PHP_AJAX实例_经典的入门教材.pdf
10-10
PHP与AJAX是两种在Web开发中常用的技术，PHP是一种服务器端脚本语言，常用于处理动态网页内容，而AJAX（Asynchronous JavaScript and XML）则是一种在无需刷新整个页面的情况下更新部分网页内容的技术。在本入门教材...
smarty+AJAX.rar_ajax_ajax php_php ajax_smarty_smarty ajax
最新发布
09-21
在“smarty+AJAX实例”中，可能包含以下几个关键步骤： 1. **前端准备**：创建一个HTML页面，包含一个Smarty模板，以及用于触发Ajax请求的按钮或其他交互元素。按钮点击事件中，使用JavaScript编写Ajax请求代码，如...
pim.zip_ajax_php ajax_pim p
09-21
"www.pudn.com.txt"可能是一个文本文件，包含有关该Ajax-PHP实例的来源或使用说明，可能是在PUDN（编程开发网络）网站上找到的资源。 **学习和实践** 学习Ajax2.0和PHP的结合使用，可以帮助开发者构建更加动态和...
使用 CSS 显示 XML
奋斗的日子最甜美，在科技的海洋里，永无止境。
11-30 649
使用 CSS 显示 XML 通过使用 CSS（Cascading Style Sheets 层叠样式表），您可以添加显示信息到 XML 文档中。 使用 CSS 显示您的 XML？ 使用 CSS 来格式化 XML 文档是有可能的。 下面的实例就是关于如何使用 CSS 样式表来格式化 XML 文档： 请看这个 XML 文件：CD 目录 然后看这个样式表：CS
简单的XPath入门
weixin_30734435的博客
12-18 61
XPath即为XML路径语言，它是一种用来确定XML（标准通用标记语言的子集）文档中某部分位置的语言。XPath基于XML的树状结构，提供在数据结构树中找寻节点的能力。XPath 是 XML 的查询语言，和 SQL 的角色很类似。以下面 XML 为例，介绍 XPath 的语法。 <?xml version="1.0" encoding="ISO-8859-1"?> &lt...
使用xslt将xml转化为xhtml的形似（下两种方法不要进行xsl文件的引用）
Grit_ICPC的博客
05-18 833
test.xml: Empire Burlesque Bob Dylan USA Columbia 10.90 1985 catalog.xsl: My CD Collection Title Artist
PHP用DOMDocument解析xml文件
Z大钊
11-17 1458
例子1： 循环所有 "artist" 元素 (nodetypes = 1)，查找与 JavaScript 所传数据向匹配的名字找到 CD 包含的正确 artist输出 album 的信息 xml文件： Empire Burlesque Bob Dylan USA Columbia 10.90 1985 Hide yo
一个CD目录的XML文件
zgqtxwd的专栏
05-01 288
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
PHP 和 ajax（二），操作xml
hefrankeleyn的博客
12-23 178
    php使用ajax来读取xml文件。该功能设计到四个文件：html页面，js页面，php页面、xml文件。 一、现实的功能     在html中，通过选择改变select元素，来读取xml文件中相应的内容，如下图： 二、html页面，cdxml.html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta ...
xml 总结(四) xsl
为了你
03-28 1211
一.简单的例子1.将XML转换成HTML XSL是如何将XML文档转换成HTML文件的呢？我们来看一个例子，下面是XML文档的一部分：    Empire Burlesque Bob Dylan  USA   Columbia  10.90 1985  ... 然后我们将下面的 XSL文件作为HTML的模板将XML数据转换为HTML文件： 
LAMP下文件上传失败解决方法
Angelof7的专栏
12-27 1574
在apache配置文件中设置php上传临时目录 在服务器上配置webmail(比如我最喜欢的SquirrelMail)时，出于服务器安全考虑，一般在apache配置文件中作 php_admin_value open_basedir 的限制，防止php程序浏览整个硬盘，这个限制在使用虚拟主机的服务器上使用的更多。 然而这个安全措施带来一个隐含的限制，就是php的上传临时目录(默认为
Mac 下配置php环境
Angelof7的专栏
10-08 780
Mac OS X 内置了Apache 和 PHP，这样使用起来非常方便。本文以Mac OS X 10.6.3为例。主要内容包括： 启动Apache 运行PHP 安装MySQL 使用phpMyAdmin 配置PHP的MCrypt扩展库 设置虚拟主机 启动Apache   有两种方法： 打开“系统设置偏好（System Preferences
windows安装PHP5.5+Apache2.4+Mysql5.5
Angelof7的专栏
01-09 713
第一部分：安装Apache2.4.3 1.下载回来的是解压文件，解压好放到要安装的位置。（我这里以D:\Acpache24为例） 2.打开Apache24\conf下httpd.conf 文件，用记事本打开即可。 （1）第37行ServerRoot "c:/Apache24"改为ServerRoot “D:/Apache24”；//Apache程序的位置。 （2）第20
PHP与AJAX入门实例：登录验证教程
本资源是一份名为《PHP_AJAX实例_经典的入门教材.pdf》的文档，它详细介绍了PHP与AJAX技术的结合实例，特别适合初学者学习。文档内容涵盖了以下几个关键知识点： 1. **Ajax基础知识**： - Ajax (Asynchronous ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值