Что-то наподобие:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var csv = '',
temp_array = [];
// бежим по всем строчкам в таблице
$("table > tbody > tr").each(function(i,e){
// внутри каждой строчки находим все ячейки и бежим по ним
$(e).find("td").each(function(x,element){
// добавляем содержимое кадой ячейки во временный массив
temp_array.push($(element).text());
});
// преобразуем временный массив в стринг с разделительной запятой и в конце добавляем перенос строки и возврат каретки
csv += temp_array.join(",") + '\r\n';
// стираем все из временного массива
temp_array.length = 0;
temp_array = [];
});
// посылаем на сервер полученный CSV стринг
$.ajax({
type: 'POST',
url: url,
data: {param : csv},
success: function(result) {
// делаем что нибудь с полученными с сервера данными
}
});
});
</script>
<title>Test</title>
</head>
<body>
<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
</tbody>
</table>
</body>
</html>
Остается только на сервере получить эти данные, пропарсить CSV и внести в базу данных результаты.