javascript - PHP 更改按钮文本并相应更新数据库

Question

我的函数如何工作:

有 2 个按钮“接受”和“拒绝”。当用户单击“接受”时，文本将更改为“已接受”，并且两个按钮都将被禁用。文字的颜色也会改变。在此过程之后，我需要相应地更新数据库表列。

我目前的情况:

我正在显示多个具有此功能的条目。目前，我的代码仅在我有一个条目时才起作用，并且当我刷新页面后按下它时，它不会保持应有的状态。当有多个条目时，我在第二个条目上单击的按钮会以某种方式检测第一个条目并更改第一个条目中的按钮。 我不知道如何相应地更新数据库。

提前非常感谢您。

我的脚本:

<script>
        function accept() {
            document.getElementById("accept").disabled = true;
            document.getElementById("decline").disabled = true;
            document.getElementById("accept").innerHTML = 'Accepted';
            document.getElementById("accept").style.color = "green";

        }

        function decline() {
            document.getElementById("decline").disabled = true;
            document.getElementById("accept").disabled = true;
            document.getElementById("decline").innerHTML = 'Declined';
            document.getElementById("decline").style.color = "red";
        }
    </script>

接受按钮:

<button id="accept" onclick="accept()">Accept</button>

拒绝按钮:

<button id="decline" onclick="decline()">Decline</button>

Answer 1

您需要学习如何使用 AJAX:
使用 JQuery AJAX 使其变得更加容易。
JS 文件:

$.ajax({
    url: "/updateDatabase.php";
    type: "POST";
    data: {update: value},
    beforeSend: function (){
       //stuff you like to do before sending.
    }
    success: function (data){
       //do something with return data
    }

});

PHP 文件:updateDatabase.php

$var = $_POST["update"]; //make sure this is the same name for the data{} json string
//update database.

echo "Put return value here for JS success data var."

记住按钮状态:

<?php if(databaseValue == Accepted) { ?>
      <button>Format Button Disabled for accepted</button>

<?php } else { ?>
      <button>Format button for enabled</button>

<?php } ?>