如何发布每行多个输入的表格？

Question

我正努力做一个保存食谱的页面。 它有类似的信息 Recipetitle，类别，标签，程序+成分。 信息将通过ajax传递给php以进行mysql插入。

成分是我挣扎的地方。

<tr>
<td>
    <input type="text" name="ingredientname" placeholder="ingredientname"/>
</td>
<td> 
   <input type="text" name="ingredientamount" placeholder="ingredientamount"/>
</td>
<td>
    <input type="text" name="ingredientunit" placeholder="ingredientunit"/>         
</td>
</tr>

它会像这样有多行，并通过ajax提交给php以及标题和类别等信息。 我如何通过这样的表格？

继续我正在做的atm根本不起作用：

var dataString = $("table").serializeArray();
$.ajax({
    url: "./inc/checkvalue.php",
    data: $.param(dataString),
    success: function(response) {
        alert(response);
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
        alert("Status: " + textStatus); alert("Error: " + errorThrown); 
    } 

和我的checkvalue.php（只是尝试var_dump现在的值）是：

<?php
$data = json_encode($_POST['ingredname'], true);
var_dump($data);
?>

在阅读了我发现的每一个帖子后，我真的很难过。