Alert ไม่ออกครับ ใช้กับ Ajax หลังจากส่งข้อมูล จาก modal

<!-- Modal Delete -->
<div class="modal fade" id="DeletePj" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">คุณกำลังจะลบโครงการ/กิจกรรม ?</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
          <div class="modal-body text-center">
          <form>
            <i class="mt-2 mb-2 fas fa-exclamation-circle fa-8x text-danger"></i>

            <h5 class="mt-3">คุณแน่ใจไหมที่จะลบโครงการ/กิจกรรม</h5>
            <h6 class="mt-1">หากกลบแล้วจะไม่สามารถนำกลับคืนมาได้</h5>

          </div>
          <div class="modal-footer text-center">
          <input type="hidden" id="id-d">
            <button type="sumbit" onclick="DeletePj()" class="btn btn-danger">ลบ</button>
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">ยกเลิก</button>
            </form>
      </div>
    </div>
  </div>
</div>

<!-- Script DataTable - DeletePj Button -->
<script>
  $('#DeletePj').on('shown.bs.modal', function (event) {

    var button = $(event.relatedTarget) 
    var id = button.data('whatever') 
    var modal = $(this)

    $('#id-d').val(id);
})

function DeletePj(){
    var id = $('#id-d').val();

        $.ajax({
            url:'admindeleteproject.php',
            method: 'POST',
            data: {id:id},
            success:function(data){
             alert('ลบข้อมูลข้อมูลสำเร็จ');
              $('#adminloadadmin').DataTable().draw();
              $('#DeletePj').modal('toggle');
            }
          })
  }
</script>