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

Question

所以，我在一个名为player的表中有一行。我希望能够更新字段：＆＃34; Name＆＃34;。

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

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

我已经查看了其他资源，但由于我是其中许多语言的新手，我在我的背景下努力做到这一点。

非常感谢任何帮助。

Answer 1

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

为了清晰起见，

//处理流程