jqueryのサーバにテーブルの値を送信する方法

Question

テーブルを追加または削除できるテーブルがあります。私の質問は、trを追加または削除した後です。どのようにサーバーに送ることができますか？

array[0]=sports->need ball?->yes->like vollyball 
array[1]=sports->need ball?->swimming->null 

Answer 1

$('#btn_submit').on('click', function(e){ 
 
    e.preventDefault(); 
 
    var dataFromTable = []; 
 

 
    // get data from table: 
 
    $("table tr").each(function(){ 
 
    var row = [] 
 

 
    $(this).find("td").each(function(){ 
 
     var tdText = $(this).text(); 
 
     row.push(tdText); 
 
    }); 
 

 
    dataFromTable.push(row); 
 
    }); 
 

 

 
    // send data to server: 
 
    var dataString=JSON.stringify(dataFromTable); 
 
    $.ajax({ 
 
    type: "POST", 
 
    url: "server.php", 
 
    dataType:'json', 
 
    data: {"dataString": dataString}, 
 
    success: function(msg){ 
 
     console.log("send to server successfully", msg); 
 
    } 
 
    }); 
 

 
    console.log(dataFromTable); 
 

 

 
    /** 
 
    on the server side: 
 

 
    $dataString = $_POST["dataString"]; 
 
    $data = json_decode($dataString); // data as array 
 

 
    **/ 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<form id="tbl_form"> 
 
    <table> 
 
    <tr><td>sprots</td><td>need ball?</td><td>yes</td><td>like vollyball</td><i class="fa fa-times"></i></tr> 
 
    <tr><td>sprots</td><td>need ball?</td><td>like swimming</td><i class="fa fa-times"></i></tr> 
 
    . 
 
    . 
 
    </table> 
 
    <button type="submit" id="btn_submit">submit</button> 
 
</form>