Question

我已经使用JQuery动态地在表的每一行上创建了更新按钮，该按钮成功地编辑了表，但是我不知道如何调用php函数来更新数据库，

我用陪审团作为

$(document).ready(function () {
      $('.editbtn').click(function() {
    var $this = $(this);
    var tds = $this.closest('tr').find('td').filter(function() {
        return $(this).find('.editbtn').length === 0;
    });
    if ($this.html() === 'Edit') {
        $this.html('Save');
        tds.prop('contenteditable', true);

    } else {
        $this.html('Edit');
        tds.prop('contenteditable', false);
    }
});

问题：如何将行ID传递给jquery，然后传递update.php页面，我正在努力争取您的帮助，我已经在Google上搜索了很多遍，但无法解决我的问题

Answer 1

我希望将“编辑”按钮上的行ID设置为属性，当您单击“编辑”时，可以通过此元素选择ID。例如，检查以下代码：

//Here 1 is id of row which you want to edit
<button class="editbtn" data-id="1">Edit Row</button>

您将获得editbtn类的ID，如下所示：

$('.editbtn').click(function() {
    let rowId = $(this).data("id");
});

要保存更新的值，您需要调用ajax或提交表单。您需要传递所有数据，包括行ID，ajax请求中的其他字段值。我会更喜欢使用Ajax，因为它不会加载您的页面，并且对于UI而言会更好。

希望它会对您有所帮助。

编辑html表行并使用php将其更新为mysql表

1 个答案: