javascript - 将多行从 HTML 发送到 PHP 并存储在 JSON 中

Question

我需要为用户提供在表单中输入多行数据并保存的选项。我有类似这样的 html。

<form id="books">
<table>
<tbody>
    <tr>
        <td><input name="bookName" type="text" /></td>
        <td><input name="author" type="text" /></td>
        <td><input name="publisher" type="text" /></td>
        <td><input name="year" type="text" /></td>
    </tr>
        <tr>
        <td><input name="bookName" type="text" /></td>
        <td><input name="author" type="text" /></td>
        <td><input name="publisher" type="text" /></td>
        <td><input name="year" type="text" /></td>
    </tr>
        <tr>
        <td><input name="bookName" type="text" /></td>
        <td><input name="author" type="text" /></td>
        <td><input name="publisher" type="text" /></td>
        <td><input name="year" type="text" /></td>
    </tr>
        <tr>
        <td><input name="bookName" type="text" /></td>
        <td><input name="author" type="text" /></td>
        <td><input name="publisher" type="text" /></td>
        <td><input name="year" type="text" /></td>
    </tr>
 </tbody>
</table>
<button id="AddRow">Add Row</button>
<button id="SubmitBook">Save</button>
</form> 

我想通过 PHP 以 JSON 格式保存数据。有人可以帮助我如何将我的表单序列化为 POST ，如下所示，让我知道我是否必须以不同的方式使用 HTML 以使这更容易(我尝试寻找解决方案，找不到任何符合我要求的人):

{
"books": [
{"bookName":"html", "author":"xxxxx", "publisher":"johnWiley", "year":"2010"},
{"bookName":"CSS", "author":"yyyyy", "publisher":"johnWiley", "year":"2011"},
{"bookName":"javaScript", "author":"aaaa", "publisher":"johnWiley", "year":"2012"},
{"bookName":"PHP", "author":"bbbbb", "publisher":"johnWiley", "year":"2013"}
]
}

Answer 1

var arr = [];
$('#SubmitBook').click(function() {
  var tablerow = $('#table').find('tr');
  tablerow.each(function() {
    var bookname = $(this).find('td .bookName').val();
    var author = $(this).find('td .author').val()
    var publisher = $(this).find('td .publisher').val()
    var year = $(this).find('td .year').val()

    arr.push({
      bookname: bookname,
      author: author,
      publisher: publisher,
      year: year

    })

  })
  console.log(JSON.stringify(arr))
})

尝试这样

DEMO