Javascript org自定义按钮更新mysql中的字段，onclick

我正在使用Jtable.org，现在我在每行添加了2个自定义按钮，我需要在mysql中更新该行的值。按钮用于设置该行的批准或拒绝，onclick。所以我有一个绿色按钮和一个红色按钮

当特定用户单击绿色按钮时，必须将mysql中的approval字段更新为yes，如果单击红色按钮，则将其设置为no

到目前为止，我的代码如下所示：

$(document).ready(function () {
    //Prepare jTable
    $('#pretencao_ferias').jtable({
        title: 'Pretenção de Férias / Licença Prêmio',
        paging: true,
        pageSize: 20,
        sorting: true,
        defaultSorting: 'data_inicio ASC, nome ASC',
        //editinline:{enable:true},
        selecting: false, //Enable selecting
        //multiselect: true, //Allow multiple selecting
        //selectingCheckboxes: true, //Show checkboxes on first column

        actions: {
            listAction: 'Acao.php?action=list',
            createAction: 'Acao.php?action=create',
            updateAction: 'Acao.php?action=update',
            deleteAction: 'Acao.php?action=delete'
        },

        customButtons: {
            items: [
                {
                    icon: 'images/green_16x16.png', // used ../default-16x16.png by default
                    text: 'Aprovar',
                    click: function(record) {
                        alert(record);
                    },
                    position: 'left' // right by default
                },

                {
                    icon: 'images/red_16x16.png', // used ../default-16x16.png by default
                    text: 'Negar',
                    click: function(record) {
                        alert(record);
                    },
                    position: 'left' // right by default
                }
            ]
        },
        toolbar:{               
            items: [{
                icon: 'images/pdf.jpg',
                text: 'Criar PDF',
                click: function () {
                    window.open('cria_pdf.php');
                }
            }]},
            fields: {
                id: {
                    key: true,
                    create: false,
                    edit: false,
                    list: false
                },
                ...

我对javascript了解不够，无法创建要单击的函数：。为此，我需要您在以下特定领域的帮助：

其中，A的值必须为

<CENTER><img src="images/redondo_verde.png" alt="Aguardando Aprovação"></CENTER>

否认呢

<CENTER><img src="images/redondo_vermelho.png" alt="Aguardando Aprovação"></CENTER>

---

在你的点击功能中，你需要做一些事情

调用操作页面以更新数据库。 呼叫的url看起来像：

php？action=approve&id=+record.which\u your\u unique\u id\u

php？action=deny&id=+record

在Acao.php页面中，您需要为approve和deny编写处理程序。 除了只更新数据库中的“批准”或“拒绝”列之外，它们看起来与“更新”操作类似

您进行的ajax调用将有一个成功回调，您将使用该回调修改图标图像，以便它们显示approved或denied

最后，您需要确保在加载记录时为图标添加了正确的图像，以便在页面加载时，已经批准或拒绝的图标会反映出这一点

$.ajax{ url:'recurtive_cost_action.php'， 类型：GET， 错误：函数 { 警报“发生错误！请重试。”； }, 数据：{ 操作：批准，id:record.main\u id }, 成功：functiondata { //这就是您要执行步骤3的地方 } };

---

我明白了。非常感谢。但是，我是一名javascript分析专家，我不知道如何执行第一步和第三步。第2步，我理解，我将做一些类似于如果$\u GET[action]==approve{…}的事情。我添加了一个简单的ajax示例。很抱歉格式化，由于某些原因，代码格式化无法工作。如果你进入我的答案编辑代码更可读。点击：$.ajax{url:'recurtive_cost_action.php'，键入：GET，错误：function{alert'发生错误！请重试。；}，数据：{action:approve，id:record.main_id}，success:functiondata{//这是你想执行步骤3}；}，这个？？？是的，看起来不错。在步骤3中，您要做的是用字段列表中的第一个键列名替换该行上图标中的图像oh replace record.main_id。main_id应替换为键列的名称

<CENTER><img src="images/redondo_vermelho.png" alt="Aguardando Aprovação"></CENTER>