无法显示事件 - Fullcalandar - SQL - 错误消息

Question

我正在制作日历。我可以显示日历并成功添加事件，但无法在月视图上显示事件。

HTML 代码：

<head>
    <title>The Honourable Gays Calendar</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.min.js"></script>
    <script>
        $(document).ready(function() {
            var calendar = $('#calendar').fullCalendar({
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,basicWeek,basicDay'
                },
                navLinks: true, // can click day/week names to navigate views
                editable: true,
                eventLimit: true,
                dayClick: true,
                eventLimit: true, // allow "more" link when too many events
                eventSources: {
                    url: 'http:localhost/phplogin/all_events.php',                
                    error: function() {
                        alert('There was an error while fetching')
                    }
                },
                displayEventTime: false,
                eventRender: function(event, element, view) {
                    if (event.allDay === 'true') {
                        event.allDay = true;
                    } else {
                        event.allDay = false;
                    }
                },
                dayClick: function() {
                    window.location.href = "add_event.html";
                }
            });
        });
    </script>

当我运行此代码时，我收到错误消息“获取时出错”。

PHP 代码：

<?php
session_start();
$DATABASE_HOST = 'localhost';
$DATABASE_USER = 'root';
$DATABASE_PASS = '';
$DATABASE_NAME = 'phplogin';
// Try and connect using the info above.
$con = mysqli_connect($DATABASE_HOST, $DATABASE_USER, $DATABASE_PASS, $DATABASE_NAME);
if (mysqli_connect_errno()) {
    // If there is an error with the connection, stop the script and display the error.
    exit('Failed to connect to MySQL: ' . mysqli_connect_error());
}

$events = array();

$stmt = $db->prepare('SELECT id, Start_Date, End_Date FROM events');
  $stmt->execute();
  $results = $stmt->fetchAll();
    foreach($results as $row){
      $events[] = array(
      'id'   => $row["id"],
      'title'   => 'ND',
      'start'   => $row["Start_Date"],
      'end'   => $row["End_Date"]
      );
    }
echo json_encode($events);

?>

Answer 1

您的 URL 格式似乎需要修复

url: 'http:localhost/phplogin/all_events.php',

到

url: 'http://localhost/phplogin/all_events.php',