如何在ajax請求成功時恢復按鈕的初始值

Question

在我的請求AJAX中，在beforesend我禁用了所有按鈕，因爲在我看來是更好的安全選擇。 在成功我再次啓用所有按鈕。但我的頁面中有許多其他按鈕，我需要在成功請求後重新啓動默認禁用狀態。

有沒有一種方法可以獲取beforesend中設置的值，並在成功後設置該正確的禁用狀態？

因爲在我的代碼中，我啓用了所有按鈕都成功，但我需要恢復禁用狀態完全按照beforerequest。

低於我的簡單代碼。

  $.ajax({ 
      url  :"/action/controller.php",      
      type :"POST", 
      data : data.serialize() 
        + '&' 
        + encodeURI('action') 
        + '=' 
        + encodeURI(action) 
        + '&' 
        + encodeURI('tableid') 
        + '=' 
        + encodeURI(tableid) 
        + '&' 
        + encodeURI('id') 
        + '=' 
        + encodeURI(id), 
      beforeSend: function(){ 
       //imgload.fadeIn('slow'); 
       $('button').attr('disabled', true); 
       //console.log ($('button[name="action"]')); 
       }, 
      success: function(retorno){ 
       //console.log(retorno); 
       //msg(retorno, 'info'); 
       datagrid(); 
       $('form').unbind('submit').bind('submit'); 
       $('button').attr('disabled', false); 
      } 

HTML：

<button id="formbutton" type="button" data-action="back" data-tableid="<?php echo $tableid; ?>" data-id="<?php echo $id; ?>" class="btn btn-primary" title="Voltar" value="back"> 
    <span class="glyphicon glyphicon-chevron-left"></span> 
</button> 
<button id="formbutton" type="button" data-action="new" data-tableid="<?php echo $tableid; ?>" data-id="<?php echo $id; ?>" class="btn btn-primary" title="Novo" value="new"> 
    <span class="glyphicon glyphicon-plus-sign"></span>&nbsp;&nbsp;Novo 
</button> 
<button id="formbutton" type="submit" data-action="save" data-tableid="<?php echo $tableid; ?>" data-id="<?php echo $id; ?>" class="btn btn-primary" title="Salvar" value="save"> 
    <span class="glyphicon glyphicon-saved"></span>&nbsp;&nbsp;Salvar 
</button> 
<button id="formbutton" type="submit" data-action="delete" data-tableid="<?php echo $tableid; ?>" data-id="<?php echo $id; ?>" class="btn btn-primary" title="Delete" value="delete"> 
    <span class="glyphicon glyphicon-minus-sign"></span>&nbsp;&nbsp;Excluir 
</button> 
<button id="formbutton" type="submit" data-action="edit" data-tableid="<?php echo $tableid; ?>" data-id="<?php echo $id; ?>" class="btn btn-primary" title="Editar" value="edit"> 
    <span class="glyphicon glyphicon-edit"></span>&nbsp;&nbsp;Editar 
</button> 
<button id="formbutton" type="submit" data-action="duplicate" data-tableid="<?php echo $tableid; ?>" data-id="<?php echo $id; ?>" class="btn btn-primary" title="Duplicar" value="duplicate"> 
    <span class="glyphicon glyphicon-duplicate"></span>&nbsp;&nbsp;Duplicar 
</button> 
<button id="formbutton" type="submit" data-action="next" data-tableid="<?php echo $tableid; ?>" data-id="<?php echo $id; ?>" class="btn btn-primary" title="Proximo" value="next"> 
    <span class="glyphicon glyphicon-chevron-right"></span> 
</button> 

Answer 1

你可以在你剛纔禁用按鈕添加一個類，並禁用才啓用按鈕，然後你只需要能夠與你的類的按鈕：

beforeSend: function(){ 
    //imgload.fadeIn('slow'); 
    $('button:enabled').addClass('toEnable').attr('disabled', true); 
    //console.log ($('button[name="action"]')); 
}, 
success: function(retorno){ 
    //console.log(retorno); 
    //msg(retorno, 'info'); 
    datagrid(); 
    $('form').unbind('submit').bind('submit'); 
    $('button.toEnable').removeClass('toEnable').attr('disabled', false); 
}