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

时间:2016-04-28 19:53:46

标签: javascript jquery ajax database refresh

所以,我在一个名为player的表中有一行。我希望能够更新字段:" Name"。

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

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

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

非常感谢任何帮助。

1 个答案:

答案 0 :(得分: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);
                    }
                });
    });
为了清晰起见,

//处理流程

enter image description here