今天在做项目的时候,需求需要把一个页面上的<table>中的所有内容导出。本例使用ajax无刷新技术完成。
ajax代码:
$(function () {
$('#btn').click(function () {
var html = '';
$('#t').find('tr').each(function () {
$(this).find('td').each(function () {
html += $(this).text() + ',';
})
html += '|';
alert(html);
return false;
})'
})
})
页面代码:
<table id="t">
<tr>
<td>
sdfsdfsdf
</td>
<td>
sdfsdfsdf
</td>
<td>
sdfsdfsdf
</td>
<td>
sdfsdfsdf
</td>
<td>
asfsdfsdfsd
</td>
</tr>
<tr>
<td>
sdfsdfsdf
</td>
<td>
sdfsdfsdf
</td>
<td>
sdfsdfsdf
</td>
<td>
sdfsdfsdf
</td>
<td>
asfsdfsdfsd
</td>
</tr>
<tr>
<td>
sdfsdfsdf
</td>
<td>
sdfsdfsdf
</td>
<td>
sdfsdfsdf
</td>
<td>
sdfsdfsdf
</td>
<td>
asfsdfsdfsd
</td>
</tr>
<tr>
<td>
sdfsdfsdf
</td>
<td>
sdfsdfsdf
</td>
<td>
sdfsdfsdf
</td>
<td>
sdfsdfsdf
</td>
<td>
asfsdfsdfsd
</td>
</tr>
</table>
<input type="button" id="btn" value="导入" />