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();?>.. |
首先,需要设置远程 URL。然后需要初始化 Sajax 并导出“panels”。这对 Sajax 进行初始化,允许稍后创建的 JavaScript 函数去处理与“panels”内容相关的请求。
修改链接
链接现在需要包含函数,以便把面板 ID 传递给对应的 JavaScript 函数。
清单 14. 应用程序中的面板链接
<?php require('content/header.html'); ?>"getPanel(0)">Managing content<?php require('content/between-link.html'); ?>"getPanel(1)" >Adding content<?php require('content/between-link.html'); ?>"getPanel(2)" >Saving new content<?php require('content/between-link.html'); ?>"getPanel(3)" >Editing content<?php require('content/between-link.html'); ?>"getPanel(4)" >Saving edited content<?php require('content/between-link.html'); ?>"getPanel(5)" >Avoid adding duplicates<?php require('content/between-link.html'); ?>"getPanel(6)" >Avoid editing a page that doesn't exist<?php require('content/between-link.html'); ?>"getPanel(7)" >Deleting content<?php require('content/between-link.html'); ?>"getPanel(8)" >Serving a page<?php require('content/between-link.html'); ?>"getPanel(9)">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"> </font><font face="Lucida Console"><span class="boldcode"><strong><?php sajax_show_javascript(); ?> function getPanel_cb(content) { document.getElementById('content').innerHTML = content; } function getPanel(panel_id){ x_panels(panel_id, getPanel_cb);</strong></span> }</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 <span class="boldcode">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();?>.. |
首先,需要设置远程 URL。然后需要初始化 Sajax 并导出“panels”。这对 Sajax 进行初始化,允许稍后创建的 JavaScript 函数去处理与“panels”内容相关的请求。
修改链接
链接现在需要包含函数,以便把面板 ID 传递给对应的 JavaScript 函数。
清单 14. 应用程序中的面板链接
<?php require('content/header.html'); ?>"getPanel(0)">Managing content<?php require('content/between-link.html'); ?>"getPanel(1)" >Adding content<?php require('content/between-link.html'); ?>"getPanel(2)" >Saving new content<?php require('content/between-link.html'); ?>"getPanel(3)" >Editing content<?php require('content/between-link.html'); ?>"getPanel(4)" >Saving edited content<?php require('content/between-link.html'); ?>"getPanel(5)" >Avoid adding duplicates<?php require('content/between-link.html'); ?>"getPanel(6)" >Avoid editing a page that doesn't exist<?php require('content/between-link.html'); ?>"getPanel(7)" >Deleting content<?php require('content/between-link.html'); ?>"getPanel(8)" >Serving a page<?php require('content/between-link.html'); ?>"getPanel(9)">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"> </font><font face="Lucida Console"><span class="boldcode"><strong><?php sajax_show_javascript(); ?> function getPanel_cb(content) { document.getElementById('content').innerHTML = content; } function getPanel(panel_id){ x_panels(panel_id, getPanel_cb);</strong></span> }</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 的修改
这个文件将检查通过 GET 提交的变量。请注意“panels”被发送给 sajax_import 函数。这应当是 GET 数组中 rs 变量的值。如果 $_GET['rs'] 的值是 panel,那么 panel_id 变量就包含在 $_GET['rsargs'][0] 中,这是发送给 x_panels 函数的第一个参数,由 Sajax 库自动生成。
在返回适当的面板之前,代码必须输出两个字符(它们好像是 Sajax 库的一个 bug)。这两个字符不会在显示的 Web 页面的 HTML 源代码中出现。接下来,必须用 $_GET['rsargs'][0] 替换剩下的到 $_GET['panel_id'] 的引用。最后,需要把导航链接修改成看起来与 sajax-app.php 文件中修改的链接一样。把对 loadHTML 的调用换成 getPanel ,要像以前一样传递 ID。
图 5. 集成了 Sajax 后 PHP 应用程序的浏览器输出示例
图片URL:https://www6.software.ibm.com/developerworks/cn/education/opensource/os-phpajax/fig05.jpg
应用程序的行为和输出示例如图 5 所示,与使用 Ajax 时的输出相同。
结束语
恭喜!您用 PHP 创建了 Ajax 应用程序并把它与 Sajax 成功地集成。这个应用程序(以及日后的异步 JavaScript 应用程序)会给使用它的那些人节约许多带宽和等候页面重载的时间,因为不必为每次点击都载入整个页面,只需载入必要的内容。这将使创建交互丰富的应用程序变得更为普遍。
下载 Source code for the PHP application: ftp://www6.software.ibm.com/software/developer/library/os-phpajax.sajax.source.zip
说明: 本文来自:http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=109065 版权归属IBM所有,本Blog只是处于转载学习更多技术目的
GET['rs'] == 'panels'){ switch(
通过 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();?>.. |
首先,需要设置远程 URL。然后需要初始化 Sajax 并导出“panels”。这对 Sajax 进行初始化,允许稍后创建的 JavaScript 函数去处理与“panels”内容相关的请求。
修改链接
链接现在需要包含函数,以便把面板 ID 传递给对应的 JavaScript 函数。
清单 14. 应用程序中的面板链接
<?php require('content/header.html'); ?>"getPanel(0)">Managing content<?php require('content/between-link.html'); ?>"getPanel(1)" >Adding content<?php require('content/between-link.html'); ?>"getPanel(2)" >Saving new content<?php require('content/between-link.html'); ?>"getPanel(3)" >Editing content<?php require('content/between-link.html'); ?>"getPanel(4)" >Saving edited content<?php require('content/between-link.html'); ?>"getPanel(5)" >Avoid adding duplicates<?php require('content/between-link.html'); ?>"getPanel(6)" >Avoid editing a page that doesn't exist<?php require('content/between-link.html'); ?>"getPanel(7)" >Deleting content<?php require('content/between-link.html'); ?>"getPanel(8)" >Serving a page<?php require('content/between-link.html'); ?>"getPanel(9)">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"> </font><font face="Lucida Console"><span class="boldcode"><strong><?php sajax_show_javascript(); ?> function getPanel_cb(content) { document.getElementById('content').innerHTML = content; } function getPanel(panel_id){ x_panels(panel_id, getPanel_cb);</strong></span> }</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 的修改
这个文件将检查通过 GET 提交的变量。请注意“panels”被发送给 sajax_import 函数。这应当是 GET 数组中 rs 变量的值。如果 $_GET['rs'] 的值是 panel,那么 panel_id 变量就包含在 $_GET['rsargs'][0] 中,这是发送给 x_panels 函数的第一个参数,由 Sajax 库自动生成。
在返回适当的面板之前,代码必须输出两个字符(它们好像是 Sajax 库的一个 bug)。这两个字符不会在显示的 Web 页面的 HTML 源代码中出现。接下来,必须用 $_GET['rsargs'][0] 替换剩下的到 $_GET['panel_id'] 的引用。最后,需要把导航链接修改成看起来与 sajax-app.php 文件中修改的链接一样。把对 loadHTML 的调用换成 getPanel ,要像以前一样传递 ID。
图 5. 集成了 Sajax 后 PHP 应用程序的浏览器输出示例
图片URL:https://www6.software.ibm.com/developerworks/cn/education/opensource/os-phpajax/fig05.jpg
应用程序的行为和输出示例如图 5 所示,与使用 Ajax 时的输出相同。
结束语
恭喜!您用 PHP 创建了 Ajax 应用程序并把它与 Sajax 成功地集成。这个应用程序(以及日后的异步 JavaScript 应用程序)会给使用它的那些人节约许多带宽和等候页面重载的时间,因为不必为每次点击都载入整个页面,只需载入必要的内容。这将使创建交互丰富的应用程序变得更为普遍。
下载 Source code for the PHP application: ftp://www6.software.ibm.com/software/developer/library/os-phpajax.sajax.source.zip
说明: 本文来自:http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=109065 版权归属IBM所有,本Blog只是处于转载学习更多技术目的
GET['rsargs'][0]){ case 0:... case 9: print("##"); require('content/panel-'.
通过 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();?>.. |
首先,需要设置远程 URL。然后需要初始化 Sajax 并导出“panels”。这对 Sajax 进行初始化,允许稍后创建的 JavaScript 函数去处理与“panels”内容相关的请求。
修改链接
链接现在需要包含函数,以便把面板 ID 传递给对应的 JavaScript 函数。
清单 14. 应用程序中的面板链接
<?php require('content/header.html'); ?>"getPanel(0)">Managing content<?php require('content/between-link.html'); ?>"getPanel(1)" >Adding content<?php require('content/between-link.html'); ?>"getPanel(2)" >Saving new content<?php require('content/between-link.html'); ?>"getPanel(3)" >Editing content<?php require('content/between-link.html'); ?>"getPanel(4)" >Saving edited content<?php require('content/between-link.html'); ?>"getPanel(5)" >Avoid adding duplicates<?php require('content/between-link.html'); ?>"getPanel(6)" >Avoid editing a page that doesn't exist<?php require('content/between-link.html'); ?>"getPanel(7)" >Deleting content<?php require('content/between-link.html'); ?>"getPanel(8)" >Serving a page<?php require('content/between-link.html'); ?>"getPanel(9)">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"> </font><font face="Lucida Console"><span class="boldcode"><strong><?php sajax_show_javascript(); ?> function getPanel_cb(content) { document.getElementById('content').innerHTML = content; } function getPanel(panel_id){ x_panels(panel_id, getPanel_cb);</strong></span> }</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 的修改
这个文件将检查通过 GET 提交的变量。请注意“panels”被发送给 sajax_import 函数。这应当是 GET 数组中 rs 变量的值。如果 $_GET['rs'] 的值是 panel,那么 panel_id 变量就包含在 $_GET['rsargs'][0] 中,这是发送给 x_panels 函数的第一个参数,由 Sajax 库自动生成。
在返回适当的面板之前,代码必须输出两个字符(它们好像是 Sajax 库的一个 bug)。这两个字符不会在显示的 Web 页面的 HTML 源代码中出现。接下来,必须用 $_GET['rsargs'][0] 替换剩下的到 $_GET['panel_id'] 的引用。最后,需要把导航链接修改成看起来与 sajax-app.php 文件中修改的链接一样。把对 loadHTML 的调用换成 getPanel ,要像以前一样传递 ID。
图 5. 集成了 Sajax 后 PHP 应用程序的浏览器输出示例
图片URL:https://www6.software.ibm.com/developerworks/cn/education/opensource/os-phpajax/fig05.jpg
应用程序的行为和输出示例如图 5 所示,与使用 Ajax 时的输出相同。
结束语
恭喜!您用 PHP 创建了 Ajax 应用程序并把它与 Sajax 成功地集成。这个应用程序(以及日后的异步 JavaScript 应用程序)会给使用它的那些人节约许多带宽和等候页面重载的时间,因为不必为每次点击都载入整个页面,只需载入必要的内容。这将使创建交互丰富的应用程序变得更为普遍。
下载 Source code for the PHP application: ftp://www6.software.ibm.com/software/developer/library/os-phpajax.sajax.source.zip
说明: 本文来自:http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=109065 版权归属IBM所有,本Blog只是处于转载学习更多技术目的
GET['rsargs'][0].'.html'); $panel_id_next =
通过 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();?>.. |
首先,需要设置远程 URL。然后需要初始化 Sajax 并导出“panels”。这对 Sajax 进行初始化,允许稍后创建的 JavaScript 函数去处理与“panels”内容相关的请求。
修改链接
链接现在需要包含函数,以便把面板 ID 传递给对应的 JavaScript 函数。
清单 14. 应用程序中的面板链接
<?php require('content/header.html'); ?>"getPanel(0)">Managing content<?php require('content/between-link.html'); ?>"getPanel(1)" >Adding content<?php require('content/between-link.html'); ?>"getPanel(2)" >Saving new content<?php require('content/between-link.html'); ?>"getPanel(3)" >Editing content<?php require('content/between-link.html'); ?>"getPanel(4)" >Saving edited content<?php require('content/between-link.html'); ?>"getPanel(5)" >Avoid adding duplicates<?php require('content/between-link.html'); ?>"getPanel(6)" >Avoid editing a page that doesn't exist<?php require('content/between-link.html'); ?>"getPanel(7)" >Deleting content<?php require('content/between-link.html'); ?>"getPanel(8)" >Serving a page<?php require('content/between-link.html'); ?>"getPanel(9)">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"> </font><font face="Lucida Console"><span class="boldcode"><strong><?php sajax_show_javascript(); ?> function getPanel_cb(content) { document.getElementById('content').innerHTML = content; } function getPanel(panel_id){ x_panels(panel_id, getPanel_cb);</strong></span> }</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 的修改
这个文件将检查通过 GET 提交的变量。请注意“panels”被发送给 sajax_import 函数。这应当是 GET 数组中 rs 变量的值。如果 $_GET['rs'] 的值是 panel,那么 panel_id 变量就包含在 $_GET['rsargs'][0] 中,这是发送给 x_panels 函数的第一个参数,由 Sajax 库自动生成。
在返回适当的面板之前,代码必须输出两个字符(它们好像是 Sajax 库的一个 bug)。这两个字符不会在显示的 Web 页面的 HTML 源代码中出现。接下来,必须用 $_GET['rsargs'][0] 替换剩下的到 $_GET['panel_id'] 的引用。最后,需要把导航链接修改成看起来与 sajax-app.php 文件中修改的链接一样。把对 loadHTML 的调用换成 getPanel ,要像以前一样传递 ID。
图 5. 集成了 Sajax 后 PHP 应用程序的浏览器输出示例
图片URL:https://www6.software.ibm.com/developerworks/cn/education/opensource/os-phpajax/fig05.jpg
应用程序的行为和输出示例如图 5 所示,与使用 Ajax 时的输出相同。
结束语
恭喜!您用 PHP 创建了 Ajax 应用程序并把它与 Sajax 成功地集成。这个应用程序(以及日后的异步 JavaScript 应用程序)会给使用它的那些人节约许多带宽和等候页面重载的时间,因为不必为每次点击都载入整个页面,只需载入必要的内容。这将使创建交互丰富的应用程序变得更为普遍。
下载 Source code for the PHP application: ftp://www6.software.ibm.com/software/developer/library/os-phpajax.sajax.source.zip
说明: 本文来自:http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=109065 版权归属IBM所有,本Blog只是处于转载学习更多技术目的
GET['rsargs'][0] + 1; $panel_id_prev =
通过 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();?>.. |
首先,需要设置远程 URL。然后需要初始化 Sajax 并导出“panels”。这对 Sajax 进行初始化,允许稍后创建的 JavaScript 函数去处理与“panels”内容相关的请求。
修改链接
链接现在需要包含函数,以便把面板 ID 传递给对应的 JavaScript 函数。
清单 14. 应用程序中的面板链接
<?php require('content/header.html'); ?>"getPanel(0)">Managing content<?php require('content/between-link.html'); ?>"getPanel(1)" >Adding content<?php require('content/between-link.html'); ?>"getPanel(2)" >Saving new content<?php require('content/between-link.html'); ?>"getPanel(3)" >Editing content<?php require('content/between-link.html'); ?>"getPanel(4)" >Saving edited content<?php require('content/between-link.html'); ?>"getPanel(5)" >Avoid adding duplicates<?php require('content/between-link.html'); ?>"getPanel(6)" >Avoid editing a page that doesn't exist<?php require('content/between-link.html'); ?>"getPanel(7)" >Deleting content<?php require('content/between-link.html'); ?>"getPanel(8)" >Serving a page<?php require('content/between-link.html'); ?>"getPanel(9)">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"> </font><font face="Lucida Console"><span class="boldcode"><strong><?php sajax_show_javascript(); ?> function getPanel_cb(content) { document.getElementById('content').innerHTML = content; } function getPanel(panel_id){ x_panels(panel_id, getPanel_cb);</strong></span> }</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 的修改
这个文件将检查通过 GET 提交的变量。请注意“panels”被发送给 sajax_import 函数。这应当是 GET 数组中 rs 变量的值。如果 $_GET['rs'] 的值是 panel,那么 panel_id 变量就包含在 $_GET['rsargs'][0] 中,这是发送给 x_panels 函数的第一个参数,由 Sajax 库自动生成。
在返回适当的面板之前,代码必须输出两个字符(它们好像是 Sajax 库的一个 bug)。这两个字符不会在显示的 Web 页面的 HTML 源代码中出现。接下来,必须用 $_GET['rsargs'][0] 替换剩下的到 $_GET['panel_id'] 的引用。最后,需要把导航链接修改成看起来与 sajax-app.php 文件中修改的链接一样。把对 loadHTML 的调用换成 getPanel ,要像以前一样传递 ID。
图 5. 集成了 Sajax 后 PHP 应用程序的浏览器输出示例
图片URL:https://www6.software.ibm.com/developerworks/cn/education/opensource/os-phpajax/fig05.jpg
应用程序的行为和输出示例如图 5 所示,与使用 Ajax 时的输出相同。
结束语
恭喜!您用 PHP 创建了 Ajax 应用程序并把它与 Sajax 成功地集成。这个应用程序(以及日后的异步 JavaScript 应用程序)会给使用它的那些人节约许多带宽和等候页面重载的时间,因为不必为每次点击都载入整个页面,只需载入必要的内容。这将使创建交互丰富的应用程序变得更为普遍。
下载 Source code for the PHP application: ftp://www6.software.ibm.com/software/developer/library/os-phpajax.sajax.source.zip
说明: 本文来自:http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=109065 版权归属IBM所有,本Blog只是处于转载学习更多技术目的
GET['rsargs'][0] - 1; if($panel_id_prev > = 0){ print("getPanel(".$panel_id_prev.")/">Previous Panel ");... print("getPanel(".$panel_id_next.")/">Next Panel");... |
这个文件将检查通过 GET
提交的变量。请注意“panels”被发送给 sajax_import
函数。这应当是 GET
数组中 rs
变量的值。如果 $_GET['rs']
的值是 panel,那么 panel_id
变量就包含在 $_GET['rsargs'][0]
中,这是发送给 x_panels
函数的第一个参数,由 Sajax 库自动生成。
在返回适当的面板之前,代码必须输出两个字符(它们好像是 Sajax 库的一个 bug)。这两个字符不会在显示的 Web 页面的 HTML 源代码中出现。接下来,必须用 $_GET['rsargs'][0]
替换剩下的到 $_GET['panel_id']
的引用。最后,需要把导航链接修改成看起来与 sajax-app.php 文件中修改的链接一样。把对 loadHTML
的调用换成 getPanel
,要像以前一样传递 ID。
图 5. 集成了 Sajax 后 PHP 应用程序的浏览器输出示例
图片URL:https://www6.software.ibm.com/developerworks/cn/education/opensource/os-phpajax/fig05.jpg
应用程序的行为和输出示例如图 5 所示,与使用 Ajax 时的输出相同。
结束语
恭喜!您用 PHP 创建了 Ajax 应用程序并把它与 Sajax 成功地集成。这个应用程序(以及日后的异步 JavaScript 应用程序)会给使用它的那些人节约许多带宽和等候页面重载的时间,因为不必为每次点击都载入整个页面,只需载入必要的内容。这将使创建交互丰富的应用程序变得更为普遍。
下载
Source code for the PHP application:
ftp://www6.software.ibm.com/software/developer/library/os-phpajax.sajax.source.zip
说明:
本文来自:http://www.ibm.com/developerworks/cn/views/opensource/tutorials.jsp?cv_doc_id=109065
版权归属IBM所有,本Blog只是处于转载学习更多技术目的
相关推荐
在本教程中,将学习 Ajax 以及围绕它的应用的问题。将用 PHP 构建一个 Ajax 应用程序,显示以前写的一个教程中的...然后将把简单 Ajax 工具包(Sajax)集成进 Ajax 应用程序,它可以同步 Ajax 的使用,从而简化开发。
本书重点介绍ajax及相关的工具和技术,主要内容包括xmlhttprequest对象及其属性和方法、发送请求和处理响应、构建完备的ajax开发工具、使用jsunit测试javascript、分析javascript调试工具和技术,以及ajax开发模式和...
本文中我们将完全使用 PHP 和 Simple Ajax Toolkit (Sajax) 创建一个简单的相册作为在线 Web 应用程序。我们首先用标准的 PHP 开发方法编写简单的相册,然后再用 Sajax 将其变成活动的 Web 应用程序。
本文将使用两种方法创建一个简单的相册:传统的 Web 应用程序和基于 Sajax 的应用程序。我们将用 PHP 编写一个相册,读取某一目录中的内容,显示缩略图组成的表格。如果用户单击一个缩略图,就会完全展开该图像。...
P("http://localhost/test/ajax/sajax/add.php",lcc,data) P("http://localhost/test/ajax/sajax/add.php",lcc) G("http://localhost/test/ajax/sajax/add.php",lcc,data) G(...
PHP环境下的Ajax框架大全,经典值得收藏! cpaint_v2.1.0 HTML_AJAX-0.4.1<br>sajax-0.12<br>xajax_0.2.5<br>xoad-0.6.0.0-php5
“结合Ajax进行PHP开发”这个系列包括两部分,我们将完全使用PHP和SimpleAjaxToolkit(Sajax)创建一个简单的相册作为在线Web应用程序。我们首先用标准的PHP开发方法编写简单的相册,然后再用Sajax将其变成活动的Web...
“结合Ajax进行PHP开发”系列包括两部分,第1部分创建了Ajax相册应用程序,这一部分我们将使用JavaScript为其建立一个历史堆栈(historystack)。这个堆栈以Web浏览器中的历史记录工具为蓝本,为该应用程序提供后退...
Ajax框架就是提供模块化实现Ajax功能的集合,Ajax框架可以是各种语言实现的(比如SAJAX有各种语言的实现),Ajax只是jquery中的一部分, 实例1 代码如下: $.ajax({ type:’post’,//可选get url:’action.php’,//...
本文将使用两种方法创建一个简单的相册:传统的Web 应用程序和基于Sajax的应用程序。我们将用PHP编写一个相册,读取某一目录中的内容,显示缩略图组成的表格。如果用户单击一个缩略图,就会完全展开该图像。因为编写...
In this archive you will find a folder for each platform that is currently supported. Please see individual documentation in each folder for specific errata.
flxAJAX(Flexible AJAX)是PHP中AJAX技术的实现。 它是用php5-oop编写的,并允许从javascript调用已定义的php函数,类似于'sajax'中的实现,但基于oop且更灵活。