ajax가 전체 캘린더에서 작동하지 않습니다

Question

나는 인터페이스를 할당하는 주제에 대해 full calendar 외부 드래그 이벤트를 사용했습니다. 주제 세부 정보를 mysql db로 업데이트하는 데 사용 된 아약스이지만 Ajax가 작동하지 않습니다. 내 컨트롤러에서 값을 가져 오지 못했습니다. 다른 질문은 여기에 있지만 해결책을 찾지 못했습니다. 어떤 도움을 줄 수 있습니까?

<link href='assets/fullcalendar/fullcalendar.css' rel='stylesheet' /> 
<link href='assets/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' /> 
<script src='assets/fullcalendar/lib/moment.min.js'></script> 
<script src='assets/js/jquery.js'></script> 
    <script src='assets/fullcalendar/lib/jquery-ui.custom.min.js'></script> 
<script src='assets/fullcalendar/fullcalendar.min.js'> </script> 
<script> 
$(document).ready(function() {  
    /* initialize the external events 
    -----------------------------------------------------------------*/ 

    $('#external-events .fc-event').each(function() { 

     // create an Event Object (http://arshaw.com/fullcalendar/docs/event_data/Event_Object/) 
     // it doesn't need to have a start or end 
     var eventObject = { 
      title: $.trim($(this).text()) // use the element's text as the event title 
     }; 

     // store the Event Object in the DOM element so we can get to it later 
     $(this).data('eventObject', eventObject); 

     // make the event draggable using jQuery UI 
     $(this).draggable({ 
      zIndex: 999, 
      revert: true,  // will cause the event to go back to its 
      revertDuration: 0 // original position after the drag 
     }); 

    }); 

/* initialize the calendar 
-----------------------------------------------------------------*/ 
    $('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     editable: true, 
     droppable: true, 
     drop: function(date,event) { 


      // retrieve the dropped element's stored Event Object 
       var originalEventObject = $(this).data('eventObject'); 

     // we need to copy it, so that multiple events don't have a reference to the same object 
       var copiedEventObject = $.extend({}, originalEventObject); 

     // assign it the date that was reported 
       copiedEventObject.start = date; 

     // render the event on the calendar 
     // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/) 

       $('#calendar').fullCalendar('renderEvent', copiedEventObject, true); 

       // is the "remove after drop" checkbox checked? 

       if ($('#drop-remove').is(':checked')) { 
        // if so, remove the element from the "Draggable Events" list 
        $(this).remove(); 
       } 
      $.ajax({ 
       url: '/addSchedule', 
       dataType: 'json', 
       type: 'post', 
       data: {event: event},     
       success: function(response){ 
        console.log('response'); 
       } 
      }); 

     }  

    }); 


}); 
</script> 

Answer 1

@AVM과 동일한 문제가 발생한 것과 같은 절차를 사용하고 있습니다.

 var event_title = event.title; 
     var event_date = event._start.format(); 
     var event_backgroundColor = event.backgroundColor; 
     var event_borderColor = event.borderColor; 

     $.ajax({ 
      url: '../php/add_event.php', 
      type: 'post', 
      data: { 
       title: event_title, 
       date: event_date, 
       backgroundColor: event_backgroundColor, 
       borderColor: event_borderColor 
      }, 
      success: function(response){ 
       alert(response); 
      }, 
      error: function(){ 
       alert("error"); 
      } 
     }); 

참고 :이 내 문제를 해결

var event_date = event._start.format(); 

, 나는 그것이 당신을 해결하기를 희망

이

이 문제에 대한 솔루션입니다.

감사합니다. 매트