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); 
     } 

警告doestショーやモーダルも隠していない。ここに私のコードです。

Answer 1

sucessは、jQueryのajaxメソッドで有効なコールバックではありません。それをsuccessに変更する必要があります。 （AJAXコールバックは既に廃止されたように）

以上、使用の約束のAPIは、成功のハンドラをバインドします

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