DB2 XML 编程，第 3 部分: 客户机中的 XML 编程

核心提示： 清单 5 演示如何使用 DHTML 创建一个用于修改客户名称的图形用户界面（GUI），并将它插入 HTML 页面中声明的 div 标记 profilediv，DB2 XML 编程，第 3 部分: 客户机中的 XML 编程(5)， 清单 5. 创建 GUI 的 DHTMLvarhtmlstr=&q

清单 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。