Question

我想我错过了一些东西。我已经设置了完整日历，并且默认版本正常工作，但现在我正在添加自己的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);
        }
    });

});

我正在学习如何编码JSON，我发现在线教程给了我一些似乎有用的代码。我已将get-events.php中的原始代码修改为这样读取（带有DB详细信息的片段）......

// 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);

当我在其上运行get-events.php页面时，我得到的是我假设是正确编码的JSON返回，数组中的一个示例是......

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

有谁可以告诉我我做错了什么？

Answer 1

您需要在完整的PHP对象数组上运行json_encode()，而不是分别在每个对象上运行$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.。在循环中，将每个Emp添加到一个数组，然后在循环结束时对数组进行编码。

如果您根据ajax请求的结果查看浏览器的网络标签，我认为您很可能会看到一串单独的对象，但不会包含在数组（方括号）括号中，并且没有用逗号分隔，这意味着JSON无效。您的浏览器控制台中也存在关于无效数据格式的错误消息。最好检查一下，而不是假设你的JSON是正确的。还有一些在线JSON验证工具可以粘贴到其中，以便单独验证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" }
]

您需要生成的代码（以及fullCalendar所期望的）是一个JSON数组 - 这里是一个包含2个元素（表示事件）的简单示例：

<form>
    <label>Ime</label>
    <input type="text" name="ime" id="ime" required><br>
    <label>Prezime</label>
    <input type="text" name="prezime" id="prezime" required><br>
    <label>Ime slavljenika</label>
    <input type="text" name="ime_slavljenik" id="ime_slavljenik" required><br>
    <label>Prezime slavljenika</label>
    <input type="text" name="prezime_slavljenik" id="prezime_slavljenik" required><br>
    <label>Kontakt email</label>
    <input type="email" name="email" id="email" required>
    <button onclick="return upis()">Posalji</button>
    <div id="placefortableanketa">
    </div><br><br>
</form>

上面给出的示例代码应生成一个与此JSON示例格式相同的数组。

FullCalendar JSON没有填充日历

1 个答案: