用 IE WebService 行為建立 ASP.NET 應用程式：HTC 元件、SOAP 通訊與非同步呼叫

背景：傳統 Postback 的缺點

整頁重新整理、閃爍、頻寬浪費、使用者體驗差。WebService 行為 (`webservice.htc`) 讓瀏覽器**不離開頁面**呼叫伺服器 WebMethod，取得資料後局部更新 DOM。

WebService 行為核心特性

• 封裝 SOAP 封包組裝/解析，開發者無需懂 SOAP 細節。
• 支援 `useService` (建立易用名稱)、`callService` (非同步呼叫)、`createUseOptions` (跨呼叫保存憑證/SSL)。
• 僅需一個 `webservice.htc` 檔案置於頁面同目錄。
• IE 5.0+ 支援 (現代瀏覽器不支援 HTC，屬歷史技術)。

實作範例：員工資料查詢

1. 建立 WebService (EmployeeService.asmx)

[WebService(Namespace = "https://tempuri.org/")]
public class EmployeeService : System.Web.Services.WebService
{
    [WebMethod]
    public XmlDocument GetEmpDetailsByEmpID(int employeeID)
    {
        string connStr = ConfigurationManager.AppSettings["connectionString"];
        using (var conn = new SqlConnection(connStr))
        {
            var ds = new DataSet("EmployeesRoot");
            var cmd = new SqlCommand("SELECT * FROM Employees WHERE EmployeeID = @ID", conn);
            cmd.Parameters.AddWithValue("@ID", employeeID);
            var adapter = new SqlDataAdapter(cmd);
            adapter.Fill(ds, "Employees");
            var xmlDoc = new XmlDocument();
            xmlDoc.LoadXml(ds.GetXml());
            return xmlDoc;
        }
    }
}

2. 前端頁面 (Default.htm)

<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>Employee Lookup</title>
<style>
  .employee { border:1px solid #ccc; padding:10px; margin:10px; background:#f9f9f9; }
</style>
<script language="javascript" type="text/javascript">
  // 1. 連結 HTC 行為
  <!--
  
          
${emp.selectSingleNode("FirstName").text} ${emp.selectSingleNode("LastName").text}
          
職稱: ${emp.selectSingleNode("Title").text}
          
城市: ${emp.selectSingleNode("City").text}
          
電話: ${emp.selectSingleNode("HomePhone").text}