在POST中以CSV格式提交HTML表格

Question

我有一個可編輯的HTML表，我想將整個表作為單個csv變量提交到PHP頁面。 然后，PHP頁面將解析csv並在后台執行其操作。 我不想在每個表單元格中使用單個輸入，因為我的一些表很大，並且由於發布1000多個變量而很快會被截斷。 但是表的csv不太大，我很容易在后端解析。

所以我正在尋找一個需要像這樣的表的包或方法

<table id="thetable">
    <tr>
        <td>cellA</td>
        <td>cellB</td>
    </tr>
    <tr>
        <td>cellC</td>
        <td>cellD</td>
    </tr>
</table>

並通過POST作為變量提交，其中服務器端的結果變量類似於

cellA,cellB\n
cellC,cellD

Answer 1

看看那個小提琴 。

基本實現是這些列和列上的map函數。 您可以使用exportTableToCSV函數獲取所需的字符串，而只需刪除下載部分。

Answer 2

我的第一個想法是瀏覽表的<tr> ，然后在該循​​環內，循環遍歷<td>值。 如果只是獲取內部值，則可以使用.html()

我尚未對此進行測試，因此可能需要稍作更改。

因此，假設您為您的表指定了數據表的ID

var data = [];

$('#data-table tr').each(function() {
  $('td', $(this)).each(function() {
     data.push($(this).html());
  });
});

然后用逗號分隔符將數組連接起來。