ajax를 통해 양식을 제출하고 경고 콜백

Question

ajax 요청을 사용하여 양식을 제출합니다. 양식은 실제로 모달 팝업 안에 있습니다. 제출은 잘 작동합니다. 그러나 양식이 제출되고 현재 모달을 종료한다고 경고하는 것을 보여주고 싶습니다.

$('#btnBookRoom').click(function() { 
    $.ajax({ 
    url: "/Booking/BookRoom", 
    type: "POST", 
    data: $('#frmRoomBooking').serialize(), 
    datatype: "json", 
    sucess: function(data) { 
     alert('Room Booking Success'); 
     $('#roomBookingModal').modal('hide'); 
    } 

    }); 
}); 

컨트롤러 :

public ActionResult BookRoom(RoomBookingInputModel roomBooking) 
     { 
      var domain = new RoomBooking 
      { 
       GuestId = roomBooking.GuestId 
      }; 

      db.RoomBookings.Add(domain); 
      db.SaveChanges(); 

      return Json(domain, JsonRequestBehavior.AllowGet); 
     } 

경고의 도다 쇼와 모달도 숨어하지 여기 내 코드입니다.

Answer 1

sucess은 jQuery의 ajax 메소드에서 유효한 콜백이 아닙니다. 이 파일을 success으로 변경해야합니다. (AJAX 콜백이 이미 사용되지 않습니다으로)

또는 더 나은, 사용 약속 API는 성공 핸들러를 바인딩 :

$.ajax({ ... }) 
    .then(function() { 
     alert('Room Booking Success'); 
     $('#roomBookingModal').modal('hide'); 
    });