将HTML表行提交到php

我需要帮助了解如何将表行中的数据提交到PHP进行处理。我需要它能够提交多行数据。有什么想法吗

我有一张桌子。我希望能够检查行并将数据提交给php以处理数据。这是一个HTML表。我只是想知道如何将变量传递给php，例如数组之类的东西

好的，伙计们，像这样的：

$("submit_btn").click(function () {

       $('#diary tbody>tr input:checked').each(function() {
           $.post('process.php', 
                data: "an array",
                success: "data submitted");
       }

});

如何获取数组中的表行数据以提交它？（答案如下）

Ok第2部分：

将表行数据发送到php

jQuery代码：

    rows = JSON.stringify(rows); // submit this using $.post(...)
    alert(rows);
    $.post('classes/process.php', rows, function(data) {
      $('#results').html(data);
    })
        .error(function() { alert("error"); })
    });

PHP代码：

<?php

$rowsArray = json_decode($_POST['rows']);

echo $rowsArray;
?>

---

您可以使用jQuery库向PHP脚本发出AJAX请求，然后PHP脚本“处理”表中的数据

还可以使用jQuery.each（）函数对多行执行此操作

$('#submit_btn').click(function(){
    var rows = [];
    $('#box-table-a tbody tr input[type=checkbox]:checked').each(function(i,v){
        var tds = $(v).parents('tr').children('td');
        rows.push({
            'name': tds.eq(1).find('select').val(),
            'units': tds.eq(2).text(),
            'calories': tds.eq(3).text(),
            'sugar': tds.eq(4).text()
        });
    });
    rows = JSON.stringify(rows); // submit this using $.post(...)
    $.post('classes/process.php', {'rows': rows}, function(data){
        console.log(data);
    });
});

使用$.post（）提交

行

，然后在服务器端，可以使用

json_decode（）将其转换回数组

样本输出：

[{“名称”：“水”，“单位”：“1”，“卡路里”：“2”，“糖”：“3”}，{“名称”：“食物”，“单位”：“4”，“卡路里”：“5”，“糖”：“6”}]

演示：

---

“有什么想法吗？”有。展示你的尝试，我没有尝试。我坐在这里想知道从哪里开始。如果我有什么想法的话，我会一直在努力的。别小气，只是让你知道。谢谢你的帮助。
--编辑这里是我必须开始定义“表行”的地方。HTML表？在最简单的情况下，HTML将有一个表单或一些表单元素的集合用于数据输入。您可以在POST中将这些值发送到服务器。听起来你只是在寻找入门教程。您是否找到了一个您试图遵循但不理解的问题？这是一个太模糊的问题，我们无法回答。您能发布您的代码吗？谢谢您的帮助。这正是我想要的。对不起，我没说清楚。我不知道从哪里开始，也不知道该怎么问。但是谢谢你和其他人的帮助。如果你不介意的话，还有一个问题，我在php中遇到了一个错误。我的php是如何发送

$.post（）？您的
$.post（）
错误。看看我最新的答案。将
行
作为对象发送：
{'rows'：rows}
，这样，在php中您可以访问
$\u POST['rows']哦，好的。我不知道我对ajax和json还很陌生。再次感谢你的帮助。
$('#submit_btn').click(function(){
    var rows = [];
    $('#box-table-a tbody tr input[type=checkbox]:checked').each(function(i,v){
        var tds = $(v).parents('tr').children('td');
        rows.push({
            'name': tds.eq(1).find('select').val(),
            'units': tds.eq(2).text(),
            'calories': tds.eq(3).text(),
            'sugar': tds.eq(4).text()
        });
    });
    rows = JSON.stringify(rows); // submit this using $.post(...)
    $.post('classes/process.php', {'rows': rows}, function(data){
        console.log(data);
    });
});