JQuery UI 全尺寸日历 - 从 PHP 获取 JSON 数据

Question

我正在使用 JQuery UI 全尺寸日历（主要用于事件管理）。

我有一个 PHP 文件，我在其中准备了一个 JSON。

看看那个 JSON 文件 (json-events.php)：

echo json_encode(array(

    array(
        'id' => 111,
        'title' => "Event1",
        'start' => "2013-12-12",
        'url' => "http://yahoo.com/"
    ),

    array(
        'id' => 222,
        'title' => "Event2",
        'start' => "2013-12-16",
        'end' => "2013-12-19",
        'url' => "http://yahoo.com/"
    )

));

现在我想在我的事件日历上使用这些数据。这是代码：

$(document).ready(function() {

        $('#calendar').fullCalendar({

            editable: true,

            events: "json-events.php",

            eventDrop: function(event, delta) {
                alert(event.title + ' was moved ' + delta + ' days\n' +
                    '(should probably update your database)');
            },

            loading: function(bool) {
                if (bool) $('#loading').show();
                else $('#loading').hide();
            }

        });

    });

不知何故，它没有显示事件。整个日历都是空的。没有控制台错误。

Answer 1

您可以使用以下方法从其他页面获取值：

$.getJSON( json-events.php,  function( data ) {

alert(data.id);
alert(data.title);

});