由于某种原因,我无法让我的JSON提要(通过php组装)显示在我的Fullcalendar插件上。JSON 是有效的,如果我将其硬编码为事件源,则效果很好。但是当它通过 URL 获取时,什么都没有显示!我知道有几个人有同样的问题,但要么还没有得到回答,要么他们的解决方案似乎对我不起作用。 非常感谢对此的任何帮助,因为我已经盯着这个两天了,无法休息。
这是我的 js
$(function()
{
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: false,
minTime: 7,
maxTime: 20,
slotMinutes: 15,
eventRender: function (event, element) {
element.find('.fc-event-title').html(event.title);
},
events: {
url: "http://mywebsite.com/js/schedule_feed.php",
data: {locationID: <?=$locationID?>},
type: "POST",
error: function () {
alert('there was an error while fetching events!');
},
},
});
});
这是我的 php:
<?php
mysql_connect("localhost", "user", "password") or die(mysql_error());
mysql_select_db("mydatabase") or die(mysql_error());
$query = "select schedule.schedule_id, schedule.type, schedule.show, schedule.schedule_date, patients.fname, patients.lname
from schedule
LEFT JOIN patients
ON schedule.patient_id=patients.patient_id
WHERE patients.locationID='".$_POST['locationID']."'";
$res = mysql_query($query) or die(mysql_error());
$events = array();
while ($row = mysql_fetch_assoc($res)) {
$eventsArray['id'] = $row['schedule_id'];
$eventsArray['title'] = ucfirst(strtolower($row['lname'])) . ", " . ucfirst(strtolower($row['fname'])); //. $isNewCustomer;
$eventsArray['start'] = strtotime($row['schedule_date']);
$timestamp = strtotime($row['schedule_date']) + 60*30;
$eventsArray['end'] = $timestamp;
$eventsArray['backgroundColor'] = '#999';
$eventsArray['textColor'] = '#fff';
$eventsArray['url'] = 'http://'.$_SERVER['HTTP_HOST'].'/index.php/schedule/edit_appt/' . $row['schedule_id'];
$eventsArray['allDay'] = false;
$eventsArray['editable'] = false;
$eventsArray['timeFormat'] = 'h(:mm)';
$events[] = $eventsArray;
}
echo json_encode($events);
?>
再一次,如果我直接在浏览器中输入我的php url,它会为我提供有效的JSON。 如果我从浏览器复制该 JSON 提要并将其直接硬编码到 JS...它有效!这到底是怎么回事? 提前谢谢你!
我想通了!! 对于遇到相同问题的任何人来说,它与跨域 ajax 有关。 您可以在以下链接中阅读有关它的信息:访问控制允许源
不允许源我刚刚将这段代码添加到我的 php 脚本的顶部:
<?php header('Access-Control-Allow-Origin: http://www.mydomain.com'); ?>