onclick背景颜色更改并保存在数据库中

4c8rllxm  于 2021-06-20  发布在  Mysql
关注(0)|答案(1)|浏览(376)

我有一行包含bill字段。如果账单是支付比管理员将按“支付”按钮。结果将改变该行的整个背景色,并且该颜色将以db保存。现在的问题是我应该如何保存数据库中该行的背景色。
下面是改变背景颜色但不保存在数据库中的代码。

function mark_complete(i){
         if(confirm('Are you sure you want to proceed with this action?')){
            $('tr').click(function () {
                if(this.style.background == "" || this.style.background =="white") {
                    $(this).css('background', 'yellow');
                }
                else {
                    $(this).css('background', 'white');
                }
            });
         }
}
gzjq41n4

gzjq41n41#

假设您使用php作为服务器语言。首先,我们将创建ajax函数来调用php脚本。您将创建一个文件,用于在数据库中插入值。我将把它命名为addcolor.php

function mark_complete(i){
         if(confirm('Are you sure you want to proceed with this action?')){
            $('tr').click(function () {
                if(this.style.background == "" || this.style.background =="white") {
                    $(this).css('background', 'yellow');
                    $.ajax({     
                        type: "POST",
                        url: 'addColor.php',
                        data: {color:'yellow'},
                        success: function (data) {
                            console.log(data);   
                        },
                    });
                }
                else {
                    $(this).css('background', 'white');
                    $.ajax({     
                        type: "POST",
                        url: 'addColor.php',
                        data: {color:'white'},
                        success: function (data) {
                            console.log(data);   
                        },
                    });
                }
            });
         }
}

添加颜色.php

if(isset($_POST['color'])){
    $color = $_POST['color'];
    $con = new mysqli($db_hostname, $db_username, $db_password, $db_databasename);
    $stmt = $con->prepare("UPDATE `color_tbl` SET `color` = ?");
    $stmt->bind_param("s", $color);
    $stmt->execute();
    $stmt->close();
}

希望这对你有所帮助,给你一些想法

相关问题