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

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

php html sql json

Php 无法显示事件-Fullcalandar-SQL-错误消息,php,html,sql,json,Php,Html,Sql,Json,我在写日历。我可以显示日历并成功添加事件，但无法在每月视图上显示事件 HTML代码： <head> <title>The Honourable Gays Calendar</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.4.0/fullcalendar.css" /&

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

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>


尊敬的同志日历
$（文档）.ready（函数（）{
var calendar=$（“#calendar”）.fullCalendar({
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“月，基本周，基本日”
},
navLinks:true，//可以单击日/周名称来导航视图
是的，
eventLimit：对，
dayClick：对，
eventLimit:true，//当事件太多时允许“更多”链接
事件来源：{
url:'http:localhost/phplogin/all_events.php'，
错误：函数（）{
警报（'提取时出错'）
}
},
displayEventTime:false，
eventRender:函数（事件、元素、视图）{
如果（event.allDay=='true'）{
event.allDay=true；
}否则{
event.allDay=false；
}
},
dayClick:function（）{
window.location.href=“add_event.html”；
}
});
});

当我运行这段代码时，我得到一条错误消息“抓取时出错”

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

?>

您的URL格式似乎需要修改

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

到

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

Hi Agus，谢谢您的评论。我已经修改了代码，我仍然收到错误消息。在您的浏览器中返回的是什么，您的日历是否需要返回JSON，如文档中所述嗨，是的，这就是上面显示的PHP代码的目的。