Как отключить ссылку перед вызовом ajax и включить ссылку после ответа в jQuery

Question

Я хочу отключить ссылку перед вызовом ajax и включить ссылку сразу после ответа ajax.Это то, что я пытаюсь, но это не работает:

jQuery(this).prop('disabled', false);

Это событие нажатия моей ссылки в jQuery:

jQuery("#save").click(function (e) {

    e.preventDefault();
    var pcid = jQuery(this).data('pcid');
    var id = jQuery(this).data('id');
    jQuery(this).prop('disabled', true);

    var state = jQuery('.state').html();

    jQuery.post(ajaxurl, data, function (response) {
        console.log(response.status);
        jQuery(this).prop('disabled', false);

    });
});

Все работает правильно, но ссылкане отключается и не включается после нажатия на ссылку и ответа ajax.

Это HTML-код тега:

<a id="save" href="#">SAVE</a>

Answer 1

в тот момент, когда нажимается кнопка, вы можете попробовать отключить ее.

$("#save").click(function(e) {
  $(this).attr('disabled','disabled');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="submit" id="save">SAVE</button>

Когда вы получаете положительные или отрицательные результаты, вы должны использовать селектор вместо «this».

$("#save").removeAttr('disabled');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="submit" id="save">SAVE</button>