ajax调用后如何更改特定按钮值

Question

如果项目和每个项目我都有按钮，我有一个列表。当我单击该按钮时，我会进行服务器调用，然后在调用之后我需要更改按钮文本。所以我写了这个函数来ajaxify调用：

$('.form').ajaxForm({
            beforeSubmit: function () {                
            },
            success: function (result) {
                $('.itemHoverBox').attr('value', 'Confirmed');
            },
            error: function (xhr, textStatus, errorThrown) {           
            }
        });

这是操作按钮：

@using (Html.BeginForm("Confirm", "Products", new { productId = @t.ProductId }, FormMethod.Post, new { @class="form"}))
{
<input style="width: 60px;" class="itemHoverBox button white" type="submit" value="Confirm" />
}

但这改变了页面上的所有itemHoverBox，而我正在尝试的只是改变我点击的按钮。就像您在 stackoverflow 上单击最喜欢的问题星时一样。
我的操作方法现在返回 void：

[HttpPost]
        public void CollectTicket(int ticketId)
        {
            ...           
        }

Answer 1

您可以在闭包中捕获表单：

$('.form').each(function() {
    var form = $(this);
    form.ajaxForm({
        success: function (result) {
            form.find('.itemHoverBox').attr('value', 'Confirmed');
        }
    });
});

甚至更干净，使用context参数：

$('.form').each(function() {
    var form = $(this);
    form.ajaxForm({
        context: form,
        success: function (result) {
            // Here this will equal to the context object we specified
            this.find('.itemHoverBox').attr('value', 'Confirmed');
        }
    });
});