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

Question

因此，我在名为“玩家”的表中有一行。我希望能够更新字段:“名称”。

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

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

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

任何帮助将不胜感激。

Answer 1

使用 jquery ajax，您可以将更改事件绑定(bind)到该字段，然后使用 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);
                    }
                });
    });

//为了清晰起见，流程