通过Web服务外置XML，将Web服务用作数据源，Web服务传递的内容是XML，将由Web服务返回的XML文档，以便可以将它加载到客户机上的XML分析器。

一个以Web服务形式实现的中间层，提供一个GetCustomers方法检索数据库中的数据，而且通过HTTP以标准的SOAP提供给客户机。

1.具体实现（代码仅供参考）
 中间层 customer-data.asmx 实现Web服务

 <%@WebService Language="C#" Class="Customer"%>
 using System;
 using System.Data;
 using System.Web.Services; //导入Web服务命名空间
 using System.Configuration;

 [WebService(Description="Customer Service",Namespace="http://127.0.0.1/webservices/4923/customer")]

 public class CustomerOrders
 {
 [WebMethod] public DataSet GetCustomers(String strCustID, String strCustName) //使用[WebMethod]特性表明GetCustomers方法通过Web服务可用，没有声明[WebMethod]特性的公共函数对客户机通过Web服务是不可用的。
 {
 //根据客户ID或客户姓名检索数据并返回DataSet
 }
 }

 表示层：
 （1）使用Web服务行为组件（webservices.htc），将其用于IE中来处理Web服务。关于webservices.htc的介绍及下载可到 http://msdn.microsoft.com/workshop/author/webservice/webservice.asp

 View Customer - Select Customer

 （2）用javascript声明一个全局变量保存MSXML分析起实例，创建一个openWebService函数打开Web服务 一旦webservice.htc行为插入页面，就可以使用它来访问Web服务


 var objXMLData;
 function openWebService() {
 htcWService.useService("customer-data.asmxWSDL","CustData"); //使用行为的useService方法打开Web Service，通过加载服务器的WSDL文档做到用户能够通过WSDL追加到查询字符串来制定它，同时提供一个“友好名称”CustData，将在代码中使用它来引用Web服务
 var iCallID = htcWService.CustData.callService(dataLoaded, "GetCustomers", "", ""); //指定callService方法所需的参数：事件处理程序名，调用的方法名以及此方法的参数，为了得到所有的客户，使用了2个空字符串作为参数
 }

 function dataLoaded(objResult) {
 if(objResult.error) { //检查是否出错
 var strErrorCode = objResult.errorDetail.code;
 var strErrorMsg = objResult.errorDetail.string;
 var strErrorRaw = objResult.errorDetail.raw;
 }
 else { //如果没有出错，则将返回的数据转换成MSXML分析器的一个实例
 try {
 objXMLData = new ActiveXObject('MSXML2.FreeThreadedDOMDocument');
 }
 catch(e) {}
 if (objXMLData == null) {

 return;
 }
 objXMLData.onreadystatechange = changeFunction;
 objXMLData.validateOnParse = true;
 objXMLData.async = true;
 objXMLData.loadXML(objResult.raw.xml); //从Web服务加载SOAP文档
 }
 }

function changeFunction() {
 // 检查XML分析器的readyState值
 // 当值为4时，表明加载或者完成了或者在加载XML时出现了错误
 if (objXMLData.readyState == 4) {
 if (objXMLData.parseError.errorCode != 0)
 //加载XML时出现了错误
 else {
 //加载完成
 }
 }
 }


 （3）查找并显示顾客详细资料： 用户使用文本搜索框来搜索客户而不发生给服务器的回送，不管执行多少次搜索（为了提供更高更快的响应和用户接口）。


 function doSearch(strSortOrder) {
 //得到用户ID或用户姓名，strSortOrder是排序参数
 //转换XML文档 并把转化后的结果存入一变量
 var strResult = getStyledResult(strCustID, strCustName, strSortOrder);
 if (strResult.length > 0) {
 //呈现strResult
 }
 else {
 //没有符合的数据
 }
 }

        function getStyledResult(strCustID, strCustName, strSortOrder) {
          //使用XSLT样式表转换XML文档 
          //建立XPath字符串
          if (strCustID.length > 0)
              var strXPath = 'descendant::Customers[starts-with(child::CustomerID, $custid)]'
          else
              var strXPath = 'descendant::Customers[contains(child::CompanyName, $custname)]';

          //创建样式表代码
          var strStyle = '<?xml version="1.0" ?>/n'
          + '<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">/n'
          + ' <xsl:param name="custid" />/n'
          + ' <xsl:param name="custname" />/n'
          + ' <xsl:template match="/">/n'
          + '  <table id="tblCustomers" cellspacing="0" cellpadding="5"/n'
          + '         rules="cols" border="1" style="border-collapse:collapse;">/n'
          + '   <tr style="background-color:silver;">/n'
          + '    <td align="center">/n'
          + '      <a href="javascript:doSearch(/'CustomerID/')"><b>ID</b></a>/n'
          + '    </td>/n'
          + '    <td align="left">/n'
          + '      <a href="javascript:doSearch(/'CompanyName/')"><b>Customer Name</b></a>/n'
          + '    </td>/n'
          + '    <td align="left">/n'
          + '      <a href="javascript:doSearch(/'City/')"><b>City</b></a>/n'
          + '    </td>/n'
          + '    <td></td>/n'
          + '   </tr>/n'
          + '   <xsl:for-each select="' + strXPath + '">/n'
          + '    <xsl:sort select="' + strSortOrder + '" data-type="text" order="ascending" />/n'
          + '     <tr>/n'
          + '      <td align="center" style="background-color:#add8e6;">/n'
          + '       <xsl:value-of select="CustomerID" />/n'
          + '      </td>/n'
          + '      <td align="left">/n'
          + '       <a>/n'
          + '         <xsl:attribute name="href">/n'
          + '          view-orders.aspx?customerid=<xsl:value-of select="CustomerID" />/n'
          + '         </xsl:attribute>/n'
          + '         <xsl:value-of select="CompanyName" />/n'
          + '       </a>/n'
          + '      </td>/n'
          + '      <td align="left">/n'
          + '       <xsl:value-of select="City" />/n'
          + '      </td>/n'
          + '      <td align="left">/n'
          + '       <a>/n'
          + '         <xsl:attribute name="href">/n'
          + '          ../../update-orders/ie5/edit-orders.aspx?customerid=<xsl:value-of select="CustomerID" />/n'
          + '         </xsl:attribute>/n'
          + '         Edit Orders/n'
          + '       </a>/n'
          + '      </td>/n'
          + '     </tr>/n'
          + '   </xsl:for-each>/n'
          + '  </table>/n'
          + ' </xsl:template>/n'
          + '</xsl:stylesheet>';
 
          var objXMLStyle = new ActiveXObject('MSXML2.FreeThreadedDOMDocument');         
          objXMLStyle.loadXML(strStyle);         
          var objTemplate = new ActiveXObject('MSXML2.XSLTemplate'); //创建一个MSXML XSLTemplate实例，并指定它的stylesheet属性
          objTemplate.stylesheet = objXMLStyle;         
          var objProc = objTemplate.createProcessor();  //创建一个XSLProcessor对象    
          objProc.input = objXMLData;  //处理objXMLData文档 
          objProc.addParameter('custid', strCustID);  //指定参数
          objProc.addParameter('custname', strCustName);       
          if (objProc.transform() == true)  //判断是否转换成功
          var strResult = objProc.output
          else
             var strResult = '';
          return strResult;
          }