jsp fullcalendar选择：不工作

Question

fullcalendar代码的select:看起来像这样;

select: function(start, end, jsEvent, view) {
if (start.isBefore(moment())) {
  $('#calendar').fullCalendar('unselect');
  return false;
} else {
  //ajax Call to fill the Updated values in Modal Form
  $.ajax({
      type: "POST",
      url: "getRequestBookingModalData.jsp?hallID=" + hallNameselected,
      sucess: function(data) {
        window.alert("Hi Success");
        $('#modal_bookingDetails').html(data);
        $('#bookingRequestModal').modal("show");
      },
      error: function(jqXHR, exception) {
        console.log("jqXHR );
        }
      });
    //$('#bookingRequestModal').modal("show") ;
  }
},

上面的ajax调用无效。 URL jsp只返回一个要包含在modal-body中的字符串。 html的Modal body代码看起来像这样

<div class="modal-body" style="max-height: calc(100vh - 200px); overflow-y: auto;" name="modal_bookingDetails" id="modal_bookingDetails"></div>

getRequestBookingModalData.jsp工作正常，因为我可以通过System.out.println看到输出。此外，Chrome控制台会显示此成功消息jquery-3.2.1.min.js:3049 XHR finished loading: POST "http://localhost:8080/chbs/bookHall/getRequestBookingModalData.jsp?hallID=1"。所以问题似乎是在select:的js / ajax代码中。

请告知为什么select:没有在任何Valid日范围点击鼠标？

Answer 1

解决了它。似乎你无法在fullcalendar js编码中添加ajax（）函数。所以我尝试了它，它工作顺利

function showModal(data){
     window.alert("Hi Success");
     $('#modal_bookingDetails').html(data);
     $('#bookingRequestModal').modal('show');
 };


$.ajax({ //ajax Call to fill the Updated values in Modal Form
  async: false,
  type: 'POST',
  url: 'getRequestBookingModalData.jsp?hallID=' + hallNameselected,
  success: function(data) {
    showModal(data);
},

我正在使用async: false,因为我想要等到所有从数据库中搜索的数据都在显示modal之前完成。我知道，这是违反ajax的精神，这意味着asynchronous，但我需要这样。