AJAX 及使用 E4X 编写 Web 服务脚本

lastwinner

AJAX
该样本实例显示了向 SOAP 服务器发送和接收 SOAP 消息的浏览器。为了实现该操作，我们通过 XMLHttpRequest 对象来使用 E4X 。这个对象非常的有用，而且 Mozilla 和 Internet Explorer 浏览器都支持它，它允许运行在浏览器内部的脚本语言在后台中生成 HTTP 请求。实际上，这就是为什么 Google 的 GMail 能做到任何事情的原因。这种架构最近被命为 Asynchronous JavaScript+XML（AJAX）。您可以在文章“Ajax：A New Approach to Web Applications”（查看参考资料）中阅读更多有关 AJAX 的知识。
从根本上来说，AJAX 的目的是要通过一种比标准 HTML 和 HTTP 的“页面”模型更为灵活的方式与服务器进行交互，以此来提高 Web 页面的响应能力和可用性。有关这方面一个很好的样本是 Google Maps beta，它明显地比以前的映射 Web 站点更具交互性。
令人鼓舞的是，根据新闻报道，结合了 E4X 的 AJAX 的性能更优！我们将向您展示浏览器应用的两种版本。第一个版本演示了交互操作，而第二个版本隐藏了 Web 页面上的按钮和内部的工作过程，以此来展示交互性和异步性。

lastwinner

浏览器的安全性
为了演示浏览器的安全性，我们使用了 xmethods.net 上可用的标准 Web 服务。但是，这里还存在一个问题，因为一般来说，浏览器的安全性规则不允许脚本程序或者 Java applet 程序创建网络连接，除非是与生成该页面的服务器建立网络连接。否则，您需要有一个监控页面，它将您的按键操作“复制”到另外一个服务器。
但是您可以避开这种操作。为实现该操作，您需要进行两步。首先，您必须启用 Mozilla 配置中的用于脚本程序的升级特权。（假定您已经下载并安装了 Mozilla 1.8 beta）。
在该浏览器的地址栏中输入 about:config，然后将 signed.applets.codebase_principal_support 的值从 false 更新为 true 。（出于安全性考虑，请记得在完成全部操作后设回原值。）
然后在脚本程序中，您可以请求使用升级特权。当该脚本语言运行时，将会提示用户使用这些特权。代码行为：
netscape.security.PrivilegeManager.enablePrivilege( "UniversalXPConnect UniversalBrowserAccess";
其它的选择就是将服务和 Web 页面部署到诸如 IBM® WebSphere® Application Server 或者 Tomcat 之类的 Web 应用程序服务器中。例如，这种方式适用 Apache Axis 和 Axis 自带的缺省股票报价机样本实例。（请查看参考资料）。

lastwinner

股票报价客户端样本
该脚本程序属于 stockclient.html 的一部分。如果您从本文下载了 ws-ajax1code.zip 文件，将其中的 zip 内容解压，然后使用 Mozilla 打开 stockclient.html，您将会看到如下内容：
图 1. Mozilla 中的 stockclient.html

lastwinner

为了对其进行验证，首先单击 Update URL。该操作通过使用 XMLHttpRequest 对象从 http://services.xmethods.net/soap/urn:xmethods-delayed-quotes.wsdl（或者您在 WSDL 框中键入的任意 URL）获取 WSDL 文件，然后使用 E4X 从那里获取端口地址 URL。现在单击 Send，您将会看到 SOAP 请求被填写了。一两秒钟之后，此 SOAP 响应应该同结果字段一起被更新。我们查看一下这些代码。

lastwinner

股票报价客户端的脚本程序

该脚本程序带着对 IBM 的股票价格的 request 调用指定的URL。如果您正在使用 Axis 服务器，那么我们建议使用股票行情自动收录机符号 XXX，这是一种特殊的符号——部署的服务将总是返回一个固定的响应用于该收录机，而不是产生 Web 请求来得到真正的股票价格——因此使用该符号进行测试会好些。

您必须完成的第一个操作就是定义您希望使用的 E4X：

[php]
<script type="text/javascript;e4x=1">
.........
[/php]

lastwinner

当您按下 Send 按钮时，该脚本程序显示如下：
[PHP]  
    var s = new Namespace(
       "s",
       "http://schemas.xmlsoap.org/soap/envelope/";
    var envelope = <s:Envelope xmlns:s={s}/>;
    envelope.s::Body="";
    var body = envelope.s::Body;

............ [/PHP]

lastwinner

该操作对任何的 SOAP 请求都是通用的。它只是简单地创建了一个 SOAP 信封，而没有包括任何消息体。

该操作的一个等价实现方式如下所示：
[php]
var envelope =
      <s:Envelope xmlns:s="http://schemas.xmlsoap.org/soap/envelope/">
         <s:Body/>
      </s:Envelope>

.............
[/php]

lastwinner

但是，前面的代码会容易些，而且也为您提供了指向主体元素的指针。

下一步是要创建消息的主体：
[php]
   var x = new Namespace("x","urn:xmltoday-delayed-quotes";
   body.x::getQuote = <x:getQuote xmlns:x={x}/>;

...............
[/php]

lastwinner

最后，你必须添加正确的符号：
[php]
   var symbol = document.getElementById("symbol".value;       
   var getQuote = body.x::getQuote;
   getQuote.symbol=symbol;

...............
[/php]

lastwinner

现在您已经有了一个完全成形的 SOAP 请求消息。如果您想要测试该消息信封，那么需要按照以下操作：
[php]
<s:Envelope xmlns:s="http://schemas.xmlsoap.org/soap/envelope/">
  <s:Body>
    <x:getQuote xmlns:x="urn:xmethods-delayed-quotes">
      <symbol>XXX</symbol>
    </x:getQuote>
  </s:Body>
</s:Envelope>

............
[/php]