Javascript jsp fullcalendar选择:不工作
完整日历代码的Javascript jsp fullcalendar选择:不工作,javascript,jquery,ajax,modal-dialog,fullcalendar,Javascript,Jquery,Ajax,Modal Dialog,Fullcalendar,完整日历代码的选择:如下所示 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",
选择:
如下所示
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
代码如下所示
getRequestBookingModalData.jsp
工作正常,因为我可以通过System.out.println
看到输出。此外,Chrome控制台显示了这条成功消息jquery-3.2.1.min.js:3049 XHR完成加载:POST“http://localhost:8080/chbs/bookHall/getRequestBookingModalData.jsp?hallID=1“
。所以问题似乎出现在select:
中的js/ajax代码中
请说明为什么选择:
在鼠标点击任何有效的日范围时不起作用?解决了这个问题。似乎无法在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,
,因为我希望在显示模式之前,等待从数据库中查找的所有数据完成。我知道,这违背了ajax的精神,ajax的意思是异步的,但我需要这样做。不,您不需要…在调用“showmodel”之前不会显示模式,并且在“success”函数中调用showmodel,该函数在ajax调用完成之前不会运行-即使async设置为true,这也是正确的。此外,async:false已被弃用(在某些浏览器中,您会收到控制台警告),您可以预期它将来会停止工作,因此不要围绕您可以使用它的假设进行任何设计。哦。。。非常感谢。我在不同的代码块中遇到了问题,我需要使用asyn:false
从数据库中获取名称。我会试试你的建议。再次感谢