通过 PHP 和 Sajax 使用 Ajax（三）

ajax

通过 PHP 和 Sajax 使用 Ajax （三）
简单 Ajax 工具包如何把服务器端 PHP 与 JavaScript 集成

Tyler Anderson , 自由作者, Stexar 公司
2006 年 05 月 11 日

与 Sajax 集成

这一节将介绍什么是 Sajax，它如何模拟异步 JavaScript，以及当前的 Ajax 应用程序怎样转化成 Sajax 应用程序。

什么是 Sajax?

简单 Ajax 工具包（Sajax）是同步的异步 JavaScript 和 XML。同步的原因是，当前应用程序中使用的 XML HTTP 对象的细节，通过使用 Sajax.php 库文件而被抽象出去。这使开发 Ajax 应用程序变得更加容易，因为编程出错的机会降低了。链接也变得更加容易，因为它们将只包含函数调用。基本上，Sajax 是一种制作 Ajax 应用程序的模块化方式，通过预定的、动态的函数调用，使得应用程序的开发过程更加平滑。

模拟异步 JavaScript

在这一节中，要使用 Sajax 的几个方面来模拟 Ajax。其中一个是 sajax_init，它初始化 Sajax 库。接下来是 sajax_export 函数，要调用它来通知 Sajax 有一个“面板”内容区，稍后会为它创建对应的 JavaScript 函数。针对应用程序需要的动态内容区的多少，可以根据需要为每个动态内容区调用 sajax_export，次数不限。

下一个要使用的函数是 sajax_handle_client_request。这个函数初始化 Sajax 的数据结构，让应用程序准备好处理客户请求。还要设置 $sajax_remote_uri。这是应用程序发送客户请求的目标 URL，与 Ajax 应用程序的链接中嵌入的 URL 类似。

最后，需要用 sajax_show_javascript 函数把 Sajax JavaScript 函数包含在 JavaScript 中。

幕后发生了什么？

现在会发生什么？在幕后，Sajax 起的作用实际与 Ajax 相同。但是，Sajax 会替您设置 XML HTTP 对象，从而简化开发工作。它允许应用程序使用 JavaScript 函数用一种模块化的方式拥有多个内容区。Sajax 包使得 Ajax 开发更有效率，同时具有同样的幕后功能。

初始化 Sajax

现在开始 Sajax 应用程序。请拷贝 ajax-app.php 文件并把拷贝改名为 sajax-app.php。把文件放在与 ajax-app.php 文件相同的目录中。添加以下代码到文件开始：

清单 13. 初始化 Sajax

<?
require("Sajax.php");

$sajax_remote_uri =
"http://localhost.localdomain/ajax-sajax/panels-sajax.php";
sajax_init();
sajax_export("panels");
sajax_handle_client_request();
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
...

首先，需要设置远程 URL。然后需要初始化 Sajax 并导出“panels”。这对 Sajax 进行初始化，允许稍后创建的 JavaScript 函数去处理与“panels”内容相关的请求。

修改链接

链接现在需要包含函数，以便把面板 ID 传递给对应的 JavaScript 函数。

清单 14. 应用程序中的面板链接

<?php require('content/header.html'); ?>

Managing content
<?php require('content/between-link.html'); ?>

Adding content
<?php require('content/between-link.html'); ?>

Saving new content
<?php require('content/between-link.html'); ?>

Editing content
<?php require('content/between-link.html'); ?>

Saving edited content
<?php require('content/between-link.html'); ?>

Avoid adding duplicates
<?php require('content/between-link.html'); ?>

Avoid editing a page
that doesn't exist
<?php require('content/between-link.html'); ?>

Deleting content
<?php require('content/between-link.html'); ?>

Serving a page
<?php require('content/between-link.html'); ?>

Pulling it together:
The CMS control page

<?php require('content/pre-content.html'); ?>
...

点击链接会调用一个不同的 JavaScript 函数，接下来会添加这个函数。

替换 JavaScript

在继续之前，请从 Ajax 应用程序删除 JavaScrip。需要添加新的函数，这些新函数和 XML HTTP 对象无关。添加以下代码代替当前的 JavaScript 函数：

清单 15. 新的 JavaScript 函数

...
<script type="text/javascript">
<?php sajax_show_javascript(); ?>

    function getPanel_cb(content) {
        document.getElementById('content').innerHTML = content;
    }

function getPanel(panel_id){
 x_panels(panel_id, getPanel_cb);
 }
</script>
...

第一行调用 sajax_show_javascript，它导入 Sajax 需要的 JavaScript 函数和其他要添加的 getPanel 函数。这些添加的 JavaScript 函数把 Sajax 应用程序的核心带到浏览器，因为浏览器首次装入页面后，PHP 就没有作用了。

返回 Sajax 内容

现在需要修改 panels-ajax.php 文件以便适应 Sajax。拷贝并重命名 panels-ajax.php 文件为 panels-sajax.php 并把它放在与其他文件相同的目录下。修改它，如清单 16 所示。

清单 16. panels-sajax.php 的修改

<?php

if(
通过 PHP 和 Sajax 使用 Ajax （三）
简单 Ajax 工具包如何把服务器端 PHP 与 JavaScript 集成

Tyler Anderson , 自由作者, Stexar 公司2006 年 05 月 11 日

与 Sajax 集成
这一节将介绍什么是 Sajax，它如何模拟异步 JavaScript，以及当前的 Ajax 应用程序怎样转化成 Sajax 应用程序。
什么是 Sajax?
简单 Ajax 工具包（Sajax）是同步的异步 JavaScript 和 XML。同步的原因是，当前应用程序中使用的 XML HTTP 对象的细节，通过使用 Sajax.php 库文件而被抽象出去。这使开发 Ajax 应用程序变得更加容易，因为编程出错的机会降低了。链接也变得更加容易，因为它们将只包含函数调用。基本上，Sajax 是一种制作 Ajax 应用程序的模块化方式，通过预定的、动态的函数调用，使得应用程序的开发过程更加平滑。

模拟异步 JavaScript
在这一节中，要使用 Sajax 的几个方面来模拟 Ajax。其中一个是 sajax_init，它初始化 Sajax 库。接下来是 sajax_export 函数，要调用它来通知 Sajax 有一个“面板”内容区，稍后会为它创建对应的 JavaScript 函数。针对应用程序需要的动态内容区的多少，可以根据需要为每个动态内容区调用 sajax_export，次数不限。
下一个要使用的函数是 sajax_handle_client_request。这个函数初始化 Sajax 的数据结构，让应用程序准备好处理客户请求。还要设置 $sajax_remote_uri。这是应用程序发送客户请求的目标 URL，与 Ajax 应用程序的链接中嵌入的 URL 类似。
最后，需要用 sajax_show_javascript 函数把 Sajax JavaScript 函数包含在 JavaScript 中。

幕后发生了什么？
现在会发生什么？在幕后，Sajax 起的作用实际与 Ajax 相同。但是，Sajax 会替您设置 XML HTTP 对象，从而简化开发工作。它允许应用程序使用 JavaScript 函数用一种模块化的方式拥有多个内容区。Sajax 包使得 Ajax 开发更有效率，同时具有同样的幕后功能。

初始化 Sajax
现在开始 Sajax 应用程序。请拷贝 ajax-app.php 文件并把拷贝改名为 sajax-app.php。把文件放在与 ajax-app.php 文件相同的目录中。添加以下代码到文件开始：
清单 13. 初始化 Sajax

<?
require("Sajax.php");

$sajax_remote_uri =
"http://localhost.localdomain/ajax-sajax/panels-sajax.php";
sajax_init();
sajax_export("panels");
sajax_handle_client_request();
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
...

修改链接
链接现在需要包含函数，以便把面板 ID 传递给对应的 JavaScript 函数。
清单 14. 应用程序中的面板链接