通过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;
}