在按钮上单击用用户ID更新行和列

Question

我构建了一个清单系统，管理人员可以在其中创建产品列表，员工需要在完成产品后才能签收这些产品。 每个产品或材料在创建时都会附加到修订号。 您可以在下面看到其布局。

http://i.imgur.com/MjSc4sA.jpg

因此，当用户单击签署时，它将在此处附加其名称并更新表格。

表结构：

我的表单如下所示（我使用树枝模板引擎）

 {% for item in component %}

    <tr>
        <td>{{ item.wo_num_and_date }}</td>
        <td>{{ item.comp_name_and_number }}</td>
        <td>{{ item.finish_sizes }}</td>
        <td>{{ item.material }}</td>
        <td>{{ item.total_num_pieces }}</td>
        <td>{{ item.workorder_num_one }}</td>
        <td>{{ item.notes_one }}</td>
        <td id='signoff_userone'><input type='button' id='signoff_user_one' data-rowid={{ item.id }} value='Signoff' /> {{ item.signoff_user_one.firstname }} {{ item.signoff_user_one.lastname }}</td>
        <td>{{ item.workorder_num_two }}</td>
        <td>{{ item.notes_two }}</td>
        <td><input type='button' id='signoff_user_two' value='Signoff' /> {{ item.signoff_user_two.firstname }} {{ item.signoff_user_two.lastname }}</td>
        <td>{{ item.workorder_num_three }}</td>
        <td>{{ item.notes_three }}</td>
        <td><input type='button' id='signoff_user_three' value='Signoff' /> {{ item.signoff_user_three.firstname }} {{ item.signoff_user_three.lastname }}</td>
    </tr>

    {% endfor %}

data-rowid = {{item.id}}

这将显示该特定行的ID。 因此，每一行都有自己的ID。

我有一个看起来像这样的脚本，如果我使用jQuery + AJAX来动态注销并且正在使用此update语句，我认为需要调用它。

$sql = "UPDATE checklist_component_stock SET signoff_user_one = $user_id WHERE id = " . $row['id'];
mysqli_query($dbc3, $sql);

我将如何使用jQuery + AJAX做到这一点？

我当时在玩弄，尝试了类似的方法，但是显然它不起作用，可能是非常错误的。

  $('#signoff_user_one').click(function(){
        $.post('phplib/job_checklist_signoff.php', { rowid: {{ item.id }} }, function(data){
            console.log(data);
            $('#signoff_userone').append("<li>" + data.user.name + " (" + data.date + ")</li>");
        }, 'json');
    });

job_checklist_signoff.php

<?php
    require_once('../includes/config.php');

    $user = getuserinfo($loggedin_id);
    $row_id = mysqli_escape_string($dbc3, $_POST['rowid']);

    $sql = "UPDATE checklist_component_stock SET signoff_user_one = $user WHERE id = " . $row_id;
    mysqli_query($dbc3, $sql);


    $ret = array('rowid' => $row_id, 'user' => $user, 'date' => date('M d, Y'));
    echo json_encode($ret);
?>

Answer 1

// Assuming "tableElement" is the id of the table owning those rows
// This will handle clicks on any button having an id starting with "signoff_user_"
$('#tableElement').on('click', 'input[id^="signoff_user_"]', function (e) {
    var $t = $(this);
    $.ajax({
        type: "POST",
        url: "phplib/job_checklist_signoff.php",
        data: {
            rowid: $t.data('rowid')
        },
        success: function (data) {
            console.log(data);
            var list = $t.siblings('ul');
            if (!list.length) {
                list = $t.after($('<ul>')).next();
            }
            list.append("<li>" + data.user.name + " (" + data.date + ")</li>");
        },
        dataType: 'json'
    });
});

jsfiddle这里没有ajax调用

Answer 2

$.ajax({

    url: "phplib/job_checklist_signoff.php",
    type: "POST",
    data: "rowid={{item.id}}"

}).done(function(response){

       console.log(response);

});

现在，您要做的就是确保在“ phplib / job_checklist_signoff.php”中实际处理的是查询中的$_POST['rowid']而不是$row 。

在MySQL语句与报告一起返回给您之后，根据UPDATE语句的失败/成功情况，可以打印出所需的内容。 您在php文件中打印/回显的所有内容都将通过我登录到控制台的response变量传递给JS。 您可以利用它，并将其操作通知用户。