加载XML内容到HTML表格

HTML

<div  id="tableWrapper">
<button id="loadTable">加载XML文件</button>
</div>
					    

JS

$('#loadTable').click(function() {              //为按钮关联单击事件处理代码
    $.get('test.xml', function(data) {           //使用$.get获取服务器端数据
	    //在HTML页面上创建一个新的HTML表格
        $('div#tableWrapper').append('<table id="ajaxTable"></table>');
        $(document).ready(function() {          //页加载就绪时
		    //寻环子节点中的行
			$(data).children('tabledata').children('row').each(function() {
				var thisRow = this;
				$('table#ajaxTable').append('<tr></tr>');                 //添加tr标签
					$(thisRow).children('column').each(function() {     //循环XML中的列
						var thisColumn = $(this).text();                 //添加td标签
						$('table#ajaxTable').children('tbody').children('tr').last().append('<td>' + thisColumn + '</td>');
                  
				});            
			});
		});
	});
});