php - 用 + 增加一个计数器并将值存储到数据库

Question

我将创建一个计数器，当用户按下数字小键盘上的 + 按钮时，该计数器从 0 计数到 100。

这样做的目的是创建一个商店柜台(我们在显示器上显示当前客户编号，我希望它成为基于网络的)。所以我正在使用 jQuery，并且我希望将当前数字也存储在 MySQL 数据库中。

我该怎么做？我不想使用表格，但如果必须的话，我会的。我尝试了一些解决方案，但没有一个真正可用。问题是我对 jQuery 的了解不够。因此，在正确的方向上提供一些指示会很好​​。

我希望流程是这样的:

我有一个元素，其中包含一个我将从数据库中获取的数字，到目前为止一切顺利，我肯定可以自己完成。但是，然后用户在小键盘上按 + 我希望这个值增加 1。然后我希望脚本将这个新值存储在数据库中并从数据库中获取新值并再次将其呈现在元素中。

正如我所说，我将非常感谢一些关于此的指示。可能是我多虑了。

顺便说一下，我正在使用 PHP。

Answer 1

因此，您需要处理被单击的“+”按钮，并进行 AJAX 调用。像这样的东西:

http://jsfiddle.net/QE3xd/1/

HTML:

<input type="text" id="current" readonly="readonly" value="2" />
<input type="button" id="increaser" value="+" />

Javascript:

$(document).ready(function () {
    $("#increaser").on("click", add);
});

function add() {
    // Make AJAX call to PHP method (where DB operation is done)

    $.ajax({
        url: "/echo/json/",
        cache: false,
        data: {"increment_by": 1},  // This line may be unnecessary, as you could assume it increases the value by 1 every time (but using this could make it customizable
        dataType: "json",
        success: function (data) {
            // Should return data in format: {"new_current": 4}
            //$("#current").val(data.new_current);
            // ^^ the real line
            $("#current").val(+$("#current").val()+1);
            // ^^ just to simulate the new number being returned
        },
        error: function () {
            console.log("there was an error");
        }
    });
}