【问题标题】:Submitting an HTML table row to php向 php 提交 HTML 表格行
【发布时间】:2012-08-08 06:41:46
【问题描述】:

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

我有一张桌子here。我希望能够检查该行并将数据提交给 php 以处理数据。它是一个 HTML 表格。我只想知道如何将变量传递给 php,例如一个数组什么的

好吧,伙计们是这样的:

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

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

});

如何获取数组中的表格行数据以提交? (答案如下)

好的第 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;
?>

错误:

Notice: Undefined index: rows in C:\...\classes\process.php on line 6

【问题讨论】:

  • “有什么想法吗?”是的。展示你的尝试。
  • 我没有尝试。我坐在这里想弄清楚从哪里开始。如果我有任何想法,我会一直在努力。不要刻薄,只是让你知道。不过感谢您的帮助。
    -- 编辑这里是我必须开始的link
  • 定义“表格行”。一个 HTML 表格?在最简单的情况下,您的 HTML 将有一个表单或一些表单元素的集合用于数据输入。您将在 POST 中将这些值发送到服务器。听起来您真的只是在寻找入门教程。你有没有找到一个你想要关注但不理解的东西?
  • 这个问题太模糊了,我们无法回答。
  • 能否请您发布不起作用的代码?

标签: php javascript jquery mysql ajax


【解决方案1】:
$('#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() 提交 rows,然后在服务器端,您可以使用 json_decode() 转换回数组;

示例输出:

[{"name":"水","units":"1","calories":"2","sugar":"3"},{"name":"Food","units" :"4","卡路里":"5","糖":"6"}]

演示:
http://jsfiddle.net/cp6ne/84/

【讨论】:

  • 感谢您的帮助。这正是我一直在寻找的。对不起,不是很清楚。我不知道从哪里开始,也不知道如何问。但是感谢您和其他所有人的帮助。
  • 如果您不介意我遇到 php 错误,还有一个问题。我的 php 是 它给了我这个错误:Unidentified index: rows on line 3. 有什么建议吗?
  • 你是如何发送$.post(); 的?
  • 您的$.post() 错误。看看我更新的答案。将rows作为对象发送:{'rows': rows},这样在php中就可以访问$_POST['rows'];
  • 哦,好的。我不知道我对 ajax 和 json 还是很陌生。再次感谢您的帮助。
【解决方案2】:

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

您还可以使用 jQuery .each() 函数对多行执行此操作。

【讨论】:

    猜你喜欢
    • 2017-08-28
    • 1970-01-01
    • 2015-10-20
    • 2012-02-12
    • 2020-09-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多