AJAX編程技巧：在頁面上中如何將收到的xml文件顯示爲表格的形式？

假如我們接收到了如下格式的文件，希望用表格的形式在頁面上展示：
<entity>
<row>
<field name="id" value="1"/>
<field name="username" value="張三"/>
</row>
<row>
<field name="id" value="2"/>
<field name="username" value="李四"/>
</row>
</entity>


首先，在頁面上定義好準備顯示數據的表格，
<table id="resultstable" width="95%" border="1">
<tbody id="resultbody">

</tbody>
</table>
注意：tbody是必須的，否則就不能使用許多js表格方法。


在js中，使用下面的方法，就可以顯示數據了：
function listAllData(){
var xmlDoc=xmlHttp.responseXML;
var rows=xmlDoc.getElementsByTagName("row");

var out="";
for(var i=0;i<rows.length;i++){
var field=rows[i].getElementsByTagName("field");
var row=document.createElement("tr");
for(var j=0;j<field.length;j++){
var cell=document.createElement("td");
var textNode=document.createTextNode(field[j].getAttribute("value"));
cell.appendChild(textNode);
row.appendChild(cell);
}
document.getElementById("resultbody").appendChild(row);
}
}


當然，還需要許多相關的方法，但都比較簡單，就不一一介紹了。