阅读内容 

结合AJAX进行PHP开发之入门4

[日期:2007-04-02] 来源:  作者: [字体: ]
     添加 Sajax
  
    现在相册提供了基本的导航功能,目录中的图像添加了索引。下面您将看到添加 Sajax 能够改进编程和用户体验。
  
    这里假设您对 Ajax 有基本的了解,最好还熟悉 Sajax 的基础知识(请参阅 参考资料 中的教程)。
  
    Sajax、Ajax 与传统 Web 应用程序
   
    现在我们已经使用标准的 Web 开发模型开发了应用程序。两项主要功能是分页器和图像查看器,它们分别对应不同的 PHP 文件。参数作为 HTTP GET 请求传递给脚本,脚本直接向 Web 客户机返回页面。
  
  
  
  图 3. 在传统的 Web 应用程序中,三个不同的请求调用了两个页面
  
  
  
    Web 开发社区的人都知道,Ajax 允许向服务器发出异步的辅助请求,并直接在网页中显示结果(如图 4 所示)。不幸的是,即便最简单的 Ajax 应用程序实现起来也是一项大任务。因为 Ajax 不是标准化的技术,Internet Explorer 和其他浏览器(如 Firefox、Safari)的实现是不同的。此外,程序员至少要编写三个函数才能实现一个功能,这三个函数是:发送 HTTP 请求的初始 JavaScript,返回响应的 PHP 脚本,以及另一个处理这些响应的 JavaScript 函数。
  
  
  
  图 4. Ajax 应用程序负责所有的 HTTP 请求
  
  
  
    建立在 Ajax 库之上的 Sajax 通过运用简单的启发式方法大大简化了这一过程:Web 客户机需要访问的每个 PHP 函数都由 Sajax “导出”。如果有一个名为 foo_bar() 的 PHP 函数,那么 Sajax 会把该函数导出为 JavaScript 函数 x_foo_bar()。客户机对 x_foo_bar() 的任何调用都会自动转发给服务器上的 foo_bar(),输出则传递给另一个 JavaScript 函数。清单 8 中的简短页面示范了这种功能。运行这个例子需要下载 Sajax 库(请参阅 参考资料)。
  
    清单 8. Sajax 的应用
  
  
  
  <?PHP
  require("Sajax.PHP");
  
  function foo_bar ( $param ) {
   return "You typed: $param";
  }
  
  $sajax_request_type = "GET"; // Set HTTP request type to GET
  sajax_init(); // Prepare Sajax
  sajax_export("foo_bar"); // foo_bar can now be called by client
  sajax_handle_client_request(); // Discussed below
  ?>
  <HTML
  <head>
  <script language="JavaScript">
  <? sajax_show_JavaScript(); ?>
  </script>
  </head>
  <body>
  <form onSubmit="x_foo_bar(this.input.value, alert);return false;">
  <input type="text" name="input" />
  </form>
  </body>
  </HTML
  
  
    
阅读:
录入:blue1000

推荐 】 【 打印
相关新闻      
本文评论       全部评论
发表评论
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款


点评: 字数
姓名:
Advertisement
内容查询


Advertisement