ajaxコールの後に特定のボタンの値を変更する方法

Question

アイテムがある場合はリストがあり、アイテムがある場合はボタンがあります。そのボタンをクリックするとサーバーコールが行われ、そのコールの後にボタンテキストを変更する必要があります。だから私は、コールをajaxifyするために、この関数を書く：

@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、そして私がしようとしていることはちょうど私がクリックしたボタンを変更することです：

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

これは、アクションボタンで。あなたが好きな質問の星をここでクリックすると、ここ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'); 
     } 
    }); 
});