无法以全日历显示数据答案

【问题标题】：unable to display data in fullcalender无法以全日历显示数据
【发布时间】：2015-09-10 11:41:02
【问题描述】：

我正在使用FullCalendar，我想在此日历中显示 JSON 数据，但在显示通过 AJAX 调用以 JSON 格式接收的数据时出现错误 - 数据未显示。如何在 JavaScript 中显示数据？

我已包含文件：
fullcalendar.css、fullcalendar.print.css、moment.min.js、jquery.min.js、fullcalendar.min.js

她是我的 HTML：

<div class="row">
  <div id='calendar'></div> 

  <div class="clear"></div>
</div>

这是我的 JS：

$(function(){
    $("#get_schedule").click(function(){
      var clas=$("#selectclass").val();
      var section=$("#selectsection").val();

      $.ajax({
        url:'events7.php',
        type:'POST',
        data:{class_name:clas,class_id:section},
        success:function(resp){
          if(resp!=''){
            alert(resp);
            $("#calendar").fullcalendar({
              eventSources:
              {
                url: 'events7.php', // for lectures
                color: '#FF4D4D',
                textColor: 'black'
              },

            })
          }else{
            alert(1);
          }
        }
      });
    })
  })

【问题讨论】：

欢迎来到 Stack Overflow！是否显示任何错误？或者控制台中有什么东西？
@naXa 谢谢！那么没有这样的错误。我只能在JS的alert中获取数据。

标签： javascript php jquery json ajax

【解决方案1】：

让resp作为Array从服务器返回。让jobCode和totalHours属于每个resp[i]。以下是与 qTip 集成以显示数组中每个项目的 jobCode 和 totalHour 的实现。关键是用您的数组设置 fullCalender 的 events 属性。

      $('#mycal').fullCalendar({
             events: resp,
             allDay: false,
                  eventRender: function (event, element) {
                    var title = element.find( '.fc-title' );
                    var title = element.find( '.fc-time' ).text('');
                    title.text(event.jobCode);
                      element.qtip({    
                          content: {    
                              title: { text: event.jobCode },
                              text: '<span class="title">Duration: </span>' + event.totalHours+" hours" 
                              + '<br><span class="title">Description: </span>' + event.jobCode          
                          },
                          style: { 
                              width: 200,
                              padding: 5,
                              color: 'black',
                              textAlign: 'left',
                              border: {
                              width: 1,
                              radius: 3
                           },
                              tip: 'topLeft',

                              classes: { 
                                  tooltip: 'ui-widget', 
                                  tip: 'ui-widget', 
                                  title: 'ui-widget-header', 
                                  content: 'ui-widget-content' 
                              } 
                          } 
                      });
                  }
        });

【讨论】：