更改表单字段时更新数据库而不刷新

Question

所以，我在名为 player 的表中有一行。我希望能够更新字段：“名称”。

在前端，我已经显示了一个表单文本输入字段，其值已经自动设置为表中 Name 的当前值。我给了这个 id="currentName"。

使用 Javascript、AJAX 和 JQuery（或任何类似的东西）我希望能够在用户更改此字段的内容时自动更新数据库中的 Name 值。

我查看了其他资源，但由于我对其中许多语言都不熟悉，因此我很难在我的上下文中做到这一点。

任何帮助将不胜感激。

Answer 1

使用 jquery ajax，您可以将更改事件绑定到该字段，然后使用 ajax 使用该值更新该表。现在有两种验证输入的方法，您可以在用户失去焦点时使用 .blur 检查值是否已更改，或者您可以处理后端检查。

$("#currentName").change(function(){
        $.ajax({
                    type: "POST",
                    url: "~/yoururl/functions.php",//your url here
                    data: $(this).val(),  //this is the current value that was changed
                    dataType: 'json',
                    success: function(response) {
                        console.log("success");
                    },
                    error: function(response) {
                        console.log(response);
                    }
                });
    });

//流程清晰