DB2 XML 編程，第 3 部分: 客戶機中的 XML 編程

清單 5 演示如何使用 DHtml 創建一個用於修改客戶名稱的圖形用戶界面（GUI），並將它插入 Html 頁面中聲明的 div 標記 profilediv。

清單 5. 創建 GUI 的 DHtml
　　　　　　　　var　Htmlstr="<table　class='inputtable'><tr>";　
Htmlstr+='<td>firstname:</td><td><input　id="fname"　value="'+firstname+'"/></td>';　
Htmlstr+='<td>lastname:</td><td><input　id="lname"　value="'+lastname+'"/></td>';　
Htmlstr+='<tr><td/><td><input　type="button"　value="save"　
/></td>';　
Htmlstr+='</tr></table>';　
document.getElementById("profilediv").innerHTML=Htmlstr;　
}　
}　

完成修改之後，單擊 Save 按鈕來調用 updateCustomer 函數。用修改信息更新包含客戶信息的 DOM userinfo。這裡同樣使用 XPath 導航到需要修改的數據節點。

清單 6. 使用 XPath 更新客戶信息
　　　　　　　　function　updateCustomer()　
{　
var　fname=document.getElementById("fname").value;　
　var　lname=document.getElementById("lname").value;　
　userinfo.setValue("/Customer/@firstname",null,fname);　
　userinfo.setValue("/Customer/@lastname",null,lname);　

創建一個新請求，將更新後的 DOM 序列化並附加到請求中。清單 7 顯示發送給（POST）服務器的請求字符串。

注意，因為消息格式是 XML，所以請求的 HTTP 報頭中的內容類型設置為 XML。 清單 7. 發送給服務器的請求字符串
　　　　　　　　var　msg='<request　cmd="　updateuserprofile">'+userinfo.toString("/")+'</request>';　
|-------10--------20--------30--------40--------50--------60--------70--------80--------9|　
|--------　XML　error:　The　previous　line　is　longer　than　the　max　of　90　characters　---------|　
var　xmlhttpObj=　new　XMLHttpRequest();　
XMLhttpObj.open('POST',　hostname,　true);　
xmlhttpObj.onreadystatechange　=　function()　{　profileUpdated(XMLhttpObj);　};　
xmlhttpObj.setRequestHeader('content-type',　'text/XML');　
XMLhttpObj.send(msg);　
}　

應用服務器 Java 代碼

使用 DOM 包裝器解析請求中的客戶 XML 數據。

因為 customerid 是原來發送給客戶機的客戶個人信息中的一個屬性，所以在請求中不需要為客戶 ID 發送額外參數。

清單 8 演示如何從 XML 中提取出 customerid 並用它創建更新數據庫的 SQL 語句。來自 HTTP 請求的客戶個人數據作為參數傳遞給更新語句；不需要修改。

清單 8. 創建 SQL 更新語句
　　　　　　　　else　if(cmd.equalsIgnoreCase("updateuserprofile"))　
{　
XMLParse　custxml=new　XMLParse(msgtext);　
String　cid=　custXML.getValue("/Customer/@customerid");　
//update　customer_table　set　custXML=?　where　customerid=cid　
//stmt.setString(1,msgtext);　
}　

注意，在客戶機和服務器中用來導航 XML 的應用程序代碼是相似的。另外，對於兩個 HTTP 請求，應用服務器僅僅作為客戶機和數據庫之間的中介 —— 在交換過程中並不操作數據。

計算購買的商品的保險費率

用戶從一個包含所有保險公司名稱的下拉列表中選擇一家保險公司。保險公司提供一個 Web 服務，可以查詢這個服務來獲得當前的保險費率。費率信息以 XML 文檔的形式提供，應用程序使用此信息計算每種商品的保險費。

客戶機 JavaScript 代碼

還從列表中選擇保險公司提供的 Web 服務的 URL。因為 AJax 不允許 URL 重定向，所以需要從應用服務器調用 Web 服務。將 URL 放在請求中傳遞給應用服務器，請求計算購買的每種商品的保險費。清單 9 演示這個過程：

清單 9. 客戶機選擇 URL
　　　　　　　　function　itemsPurchased(url,cid)　
{　
var　msg='<request　cmd="getPurchaseInfoWithInsurance"><data　customerid="cid">　
<![CDATA['+　url+']]></data></request>';　
　
var　xmlhttpObj=　new　XMLHttpRequest();　
XMLhttpObj.open('POST',　hostname,　true);　
xmlhttpObj.onreadystatechange　=　function()　{　temsPurchasedCallback　(XMLhttpObj);　};　
xmlhttpObj.setRequestHeader('content-type',　'text/XML');　
XMLhttpObj.send(msg);　
}　
}　

注意：因為 URL 可能包含特殊字符，所以我們把它嵌入在 CDATA 部分中，以避免請求 XML 變得怪異。

應用服務器 Java 代碼

使用 DOM 包裝器解析請求消息並從其中提取出保險服務 URL。清單 10 演示應用服務器如何使用這個 URL 調用保險公司的 Web 服務，獲取包含保險費率的 XML 文檔。

清單 10. 應用服務器獲取保險費率
　　　　　　　　else　if(cmd.equalsIgnoreCase("getPurchaseInfoWithInsurance"))　
{　
XMLParse　dataxml=new　XMLParse(msgtext);　
String　url=　dataXML.toString("/data/text()");　
String　insurancestr=callWebServiceUsingHTTPClIEnt(url);