SyntaxError：missing;同时显示完整日历中的事件

Question

我试图在我的项目中完整日历中动态显示事件。有一个错误，我不明白这背后的原因，但是当我硬编码事件阵列它的工作正常。

日历jQuery代码：

$(document).ready(function() { 
    $('.fullcalendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,basicWeek,basicDay' 
     }, 
     events: [ 
      eventList() 
     ] 
    }); 

Ajax调用

function eventList(){ 
    $.ajax({ 
     url :'/calendarMaintenanceData', 
     type: 'GET', 
     dataType: 'json', 
     success:function(data){ 
      $.each(data, function (index, item) {                      
       { 
        id:item.id, 
        title:item.machinecode, 
        start:item.estimated_maintenance_date 
       } 
      }); 
     } 
    }); 
} 

错误：

Answer 1

eventList需要将所有事件放入数组中。您可以使用$.map而不是$.each来执行此操作。

success:function(data){ 
     return $.map(data, function (item) { 
      return {                      
       id:item.id, 
       title:item.machinecode, 
       start:item.estimated_maintenance_date 
      }; 
     }); 
    } 

但是，这仍然不会。问题是$.ajax是异步的，所以回调函数的返回值不会返回到fullCalender函数。创建数组后，您需要在回调函数中调用fullCalendar。

function eventList(callback){ 
    $.ajax({ 
     url :'/calendarMaintenanceData', 
     type: 'GET', 
     dataType: 'json', 
     success:function(data){ 
      callback($.map(data, function (item) {                      
       return { 
        id:item.id, 
        title:item.machinecode, 
        start:item.estimated_maintenance_date 
       }; 
      }); 
     } 
    }); 
} 

$(document).ready(function() { 
    eventList(function(events) { 
     $('.fullcalendar').fullCalendar({ 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'month,basicWeek,basicDay' 
      }, 
      events: events 
     }); 
    }); 
}); 

Answer 2

在$.each()你有一个变量分配给这样

定义的对象

$.each(data, function (index, item) {                      
        var someobject = { 
         id:item.id, 
         title:item.machinecode, 
         start:item.estimated_maintenance_date 
         }; 
        });