JQuery UI Full Size Calender - Get JSON Data from PHP

Question

I am using JQuery UI Full Size Calender ( Mostly Used for Event Management ).

I have a PHP file in which I have prepared a JSON.

Take a look at that JSON File (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/"
    )

));

Now I want to use this data on my Event Calender. Here is the code:

$(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();
            }

        });

    });

Somehow it is not showing events. The whole Calender comes empty. No Console error.

did you parse the json you got from the php script using JSON.parse(php json value); ?? — Let me see
– Let me see, Commented Dec 3, 2013 at 4:21

Ashoka Mondal · Accepted Answer · 2013-12-03 04:25:32Z

2

You can get values from other page using following :

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

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

});

answered Dec 3, 2013 at 4:25

Ashoka Mondal

1,1714 gold badges12 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery UI Full Size Calender - Get JSON Data from PHP

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related