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。

或者更好，使用promise API绑定成功处理程序（因为AJAX回调已被弃用）：

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

通过ajax提交表单并回调警报

1 个答案: