How to manage AJAX event error handling and retries effectively?

// Global AJAX error + retry
$(document).ajaxError(function(event, xhr) {
    if (xhr.status === 422) {
        $.each(xhr.responseJSON.errors, (field, msg) => {
            $(`[name="${field}"]`).addClass('is-invalid')
                .next('.invalid-feedback').text(msg[0]);
        });
    } else if (xhr.status >= 500) {
        setTimeout(() => $.ajax(this), 1000); // Retry 5xx
    } else {
        alert('Server error. Please try again.');
    }
});


// Usage
$.post('/api/users', formData, successCB)
  .fail(() => {}); // Handled globally