Jquery AJAX：如何更改“成功”按钮的值？

我在一页上有多个按钮。单击后，我跟踪按钮 ID，将按钮值发送到后端 php 代码，该代码通过更改数据库返回更新的值。我能够取回我需要的一切，除了：成功设置按钮值！这是我正在使用的代码：

$(document).ready(function(){
    $("input[type='button']").click(function(){
        var selected = $(this).attr("id");
        var val = prompt("Enter new value",0);
                    $.ajax({
                    url:'updateCostItems.php',
                    data:{toupdate:selected, updatewith:val},
                    type:'GET',
                    dataType:'json',
                    success:function(json){
                        $(this).val(json.update);
                    },
                    error:function(xhr, status){
                        alert("Problem");
                    },
                    complete:function(xhr, status){

                    }
                });
        });
});

I think this不正确，因为回调是在全局范围内运行的。

未经测试，但之前尝试过$.ajax来写var $this = $(this)然后在你的回调中使用$this.val(json.update)

编辑：更新了代码片段以确保本地$this通过用 var 声明。其他帖子建议使用var button = $(this)这在较大的项目中可能会更好，因为跟踪变量更具挑战性 - 但所有答案实际上都是相同的。