FullCalendar JSON에 캘린더가 채워지지 않습니다.

Question

뭔가 빠졌다고 생각합니다. 전체 일정을 설정하고 기본 버전을 사용하고 있지만 현재 JSON을 추가하고 있습니다. 일정 페이지에서

코드 내가 함께 갈로 JSON을 인코딩하는 방법을 배우고, 내가 나에게 작동하는 것 같다 몇 가지 코드를 준 튜토리얼 온라인을 발견

$(document).ready(function() { 

    $('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay,listWeek' 
     }, 
     defaultDate: '2017-09-12', 
     editable: true, 
     navLinks: true, // can click day/week names to navigate views 
     eventLimit: true, // allow "more" link when too many events 
     events: { 
      url: 'php/get-events.php', 
      error: function() { 
       $('#script-warning').show(); 
      } 
     }, 
     loading: function(bool) { 
      $('#loading').toggle(bool); 
     } 
    }); 

}); 

입니다. 나는 그것의 자신의 get-events.php 페이지를 실행하면 내가 (꺼낸 DB 세부 니펫을) 같이 읽을 수있는 GET-events.php의 원본 코드 ...

// Require our Event class and datetime utilities 
require dirname(__FILE__) . '/utils.php'; 

// Short-circuit if the client did not give us a date range. 
if (!isset($_GET['start']) || !isset($_GET['end'])) { 
    die("Please provide a date range."); 
} 

// Parse the start/end parameters. 
// These are assumed to be ISO8601 strings with no time nor timezone, like "2013-12-29". 
// Since no timezone will be present, they will parsed as UTC. 
$range_start = parseDateTime($_GET['start']); 
$range_end = parseDateTime($_GET['end']); 

// Parse the timezone parameter if it is present. 
$timezone = null; 
if (isset($_GET['timezone'])) { 
    $timezone = new DateTimeZone($_GET['timezone']); 
} 

class Emp { 
    public $id = ""; 
    public $title = ""; 
    public $start = ""; 
    public $url = ""; 
} 

while(!$JAN->atEnd()) {    
    e = new Emp(); 
    $e->id = $JAN->getColumnVal("ID"); 
    $e->title = $JAN->getColumnVal("TITLE"); 
    $e->start = $JAN->getColumnVal("DATE")."T".$JAN->getColumnVal("TIME"); 
    $e->url = "meeting_info.php?ID=".$JAN->getColumnVal("ID"); 
    echo json_encode($e); 
    $JAN->moveNext(); 
} 
$JAN->moveFirst(); //return RS to first record 

// Read and parse our events JSON file into an array of event data arrays. 
$json = file_get_contents(dirname(__FILE__) . '/../json/events.json'); 
$input_arrays = json_decode($json, true); 

// Accumulate an output array of event data arrays. 
$output_arrays = array(); 
foreach ($input_arrays as $array) { 

// Convert the input array into a useful Event object 
$event = new Event($array, $timezone); 

// If the event is in-bounds, add it to the output 
if ($event->isWithinDayRange($range_start, $range_end)) { 
    $output_arrays[] = $event->toArray(); 
} 
} 

// Send JSON to the client. 
echo json_encode($output_arrays); 

을 개정 한 난으로 가정하고 무엇을 얻을 올바르게 인코딩 된 JSON은 ... 배열이에, 하나의 예를 반환

{"id":20,"title":"Executive Committee Meeting","start":"2017-05-01T00:00:00","url":"meeting_info.php?ID=20"} 

사람이 내가 잘못 한 일을 말해 줄 수 있습니까?

Answer 1

json_encode()을 PHP 개체의 전체 배열에 대해 실행해야합니다 (개별적으로 실행하지 말아야합니다). 루프에서 각 Emp를 배열에 추가 한 다음 루프가 끝나면 배열을 인코딩합니다.

아약스 요청의 결과에 따라 브라우저의 네트워크 탭을 보면 개별 개체 문자열을 볼 수는 있지만 배열 (사각형) 대괄호로 묶지 않고 쉼표로 구분하지 않을 가능성이 높습니다 JSON이 유효하지 않음을 의미합니다. 브라우저의 잘못된 데이터 형식에 대한 오류 메시지가 표시 될 수도 있습니다. JSON이 올바른 것으로 가정하는 것보다는이를 확인하는 것이 가장 좋습니다. 또한 JSON 유효성 검사 도구를 붙여 넣을 수있는 JSON 유효성 검사 도구가 있습니다. 이 같은

뭔가 더 나은 작동합니다 :

$events = array(); 

while(!$JAN->atEnd()) {    
    e = new Emp(); 
    $e->id = $JAN->getColumnVal("ID"); 
    $e->title = $JAN->getColumnVal("TITLE"); 
    $e->start = $JAN->getColumnVal("DATE")."T".$JAN->getColumnVal("TIME"); 
    $e->url = "meeting_info.php?ID=".$JAN->getColumnVal("ID"); 
    $events[] = $e; //add event to the array 
    $JAN->moveNext(); 
} 

echo json_encode($events); //encode the whole array as a coherent piece of JSON 

//P.S. no need to run moveFirst really, since the request is going to end, and discard the resultset anyhow. Depending on your data access technique, you possibly need to close the recordset though, to avoid locking etc. 

당신이 생성하는 코드 필요한 것은 (그리고 무엇 fullCalendar가 기대), JSON 배열입니다 - 여기 두 요소 (이벤트를 나타내는)를 포함하는 간단한 예입니다 :

[ 
    { "id":20, "title":"Executive Committee Meeting", "start":"2017-05-01T00:00:00", "url":"meeting_info.php?ID=20" }, 
    { "id":21, "title":"Another Boring Committee Meeting", "start":"2017-05-02T00:00:00", "url":"meeting_info.php?ID=21" } 
] 

위의 예제 코드는이 JSON 샘플과 동일한 형식의 배열을 생성해야합니다.