1
$("#tablebtn").click(function()
{
$.get('data.xml', function(data) {
$('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>');
$(thisRow).children('column').each(function() {
var thisColumn = $(this).text();
$('table#ajaxTable').children('tbody').children('tr').last().append('<td style="border: 1px solid black">' + thisColumn + '</td>');
});
});
});
});
});
2
必备文件:
<?xml version="1.0" encoding="UTF-8"?>
<tabledata>
<row>
<column>1</column>
<column>2</column>
</row>
<row>
<column>4</column>
<column>5</column>
</row>
</tabledata>
3