通过 PHP 和 Sajax 使用 Ajax
转载请标明出处: 本文来自 CSDN 博客。x
构建 PHP 应用顺序
顺序将显示一个带有面板链接的教程。这一节会进一步开发在什么是 Ajax 一节中已经开始的应用顺序。 这一节介绍使用 Ajax 创立 PHP 应用顺序。
设置 HTML 文档
首先从创建应用顺序的 PHP 文件开始。请创建文件 ajax-app.php 并像下面这样指定文档类型:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/P/xhtml1/DTD/xhtml1-transitional.dtd">
正面板的显示会有轻微变化。 这一行把文档类型指定为正在使用的 HTML 和 XML 规范。稍后可能会注意到如果所有工作都完成之后删除这一行。
如清单 6 所示。 开始编写 HTML 指定编码方式并添加 CSS 样式代码。
清单 6. 显示链接
...
<html><head><title>Cr a Content Manag System with PHP</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
span:visited{ text-decoration:none; color:#293d6b; }
span:hover{ text-decoration:underline; color:#293d6b; }
span {color:#293d6b; cursor: pointer}
</style>
...
并把 HTML 文档设置成能够把 span 标志当作链接。然后再创建这些链接。 页面的标题是以前写的一个教程的名称。用 meta 标志指定编码方式。
正面板中创建链接
需要设置正面板。 requir 指令要求的头文件可以下载,创建链接之前。和示例应用程序的所有文件在一起(请参阅参考资料)
...
</style>
<?php requir 'content/header.html' ; ?>
这样就可以开始添加链接。这一局部有一个介绍和九个面板,这个 header.html 文件包括 developerWork 教程使用的 CSS 和其他 JavaScript 及格式化信息。还对页面进行设置。所以需要创立 10 个链接,如清单 7 所示。
清单 7. 创立 10 个链接
...
<?php requir 'content/header.html' ; ?>
<?php requir 'content/between-link.html' ; ?>
<span οnclick="loadHTML 'panels-ajax.php?panel_id=1'.
'content' ">A dding content</span>
<?php requir 'content/between-link.html' ; ?>
<?php requir 'content/between-link.html' ; ?>
<?php requir 'content/between-link.html' ; ?>
<?php requir 'content/between-link.html' ; ?>
<?php requir 'content/between-link.html' ; ?>
that doesn't exist</span>
<?php requir 'content/between-link.html' ; ?>
<?php requir 'content/between-link.html' ; ?>
<?php requir 'content/between-link.html' ; ?>
The CMS control page</span>
第二个参数指定放置新内容的目标 div 标志。每个链接之间还有一些 HTML 代码,每个链接都调用 loadHTML 把带有面板 ID URL 传送给它将用传递的 URL 确定要装入哪个面板。为了简化教程,这些 HTML 被放在 between-link.html 中,这个文件也可以下载(请参阅参考资料)请参阅图 1 中的浏览器输出示例。