Pull data from SqlServer Database into jQuery Full Calendar using codeigniter3 - json

Question

I am facing same issue from so many days... Previously I worked with same calendar with PHP, but my project is in Codeigniter, so it is not fitted into my project... So now I am working with Codeigniter..
Controller Code
class Calendar extends CI_Controller
{
public function __construct()
{
Parent::__construct();
$this->load->model('Calendar_model');
}
public function index()
{
$this->load->view('Calendar_view');
}
public function load()
{
$query = $this->Calendar_model->load_events();
$data_events = array();
foreach($query->result() as $row)
{
$data_events[] = array(
"title" => $row->title,
"start" => date('Y-m-d H:i:s',strtotime($row->start_event)),
"end" => date('Y-m-d H:i:s',strtotime($row->end_event))
);
}
echo json_encode($data_events);
}
}
Model Code
class Calendar_model extends CI_Model
{
public function __construct()
{
Parent::__construct();
}
public function load_events()
{
$query = $this->db->get("events");
return $query;
}
}
When I run the above with this url http://localhost/calendar_sql_copy/index.php/Calendar/load,
I got following data
[{"title":"Meeting2","start":"2019-09-30 00:00:00","end":"2019-09-30 00:00:00"},{"title":"Meeting2","start":"2019-02-08 00:00:00","end":"2019-03-08 00:00:00"}]
But when I try to pull same data into Fullcalendar in following way..
<script>
$(document).ready(function(){
var calendar = $('#calendar').fullCalendar({
editable:true,
header:{
left:'prev,next today',
center:'title',
right:'month,agendaWeek,agendaDay'
},
selectable:true,
selectHelper:true,
// events:[
// {
// "title":"Meeting2",
// "start":"2019-09-30 00:00:00",
// "end":"2019-09-30 00:00:00"
// }
// ]
events:'<?php echo site_url('Calendar/load'); ?>'
</script>
If I show same data in static way as
events:[
{
"title":"Meeting2",
"start":"2019-09-30 00:00:00",
"end":"2019-09-30 00:00:00"
}
]
It pops up into calendar,
But when I try to render with URL like below,
events:'<?php echo site_url('Calendar/load'); ?>'
Here is the data from the browser Network tool: https://intouchsystems-my.sharepoint.com/:u:/g/personal/gurubaran_k_icsoft_co_in/EZE8m-w3Pn1HoktYxL2yHPQBKcuosFXP1M3uT69bh9qn9Q?e=4%3a5RjKNu&at=9
It does not show even my Calendar....
Where I done mistake please tell me....
It is very important module in my project...
In my organization no WebDevelopers are there, and I am new to this Codeigniter...

Answer 1

Based on the information provided both in the question and the comments, the the reason for the problem is this:
<!-- Calendar.php --> <!-- Calendar_model.php -->
in your AJAX Response. Your response must contain JSON only and nothing else. No other text, no whitespace at the start and end...nothing except the JSON. If you include other data like this then jQuery (and thus fullCalendar) cannot parse the JSON correctly.
Please ensure that the server is not outputting extra data in the response. That will fix the problem.