1 javascript jquery fullcalendar
我正在尝试使用FullCalendar来处理我的MySQL数据库.当我将查询限制为25条记录时,这种方法有效.当我将我的sql查询更改为限制时,假设35条记录,Fullcalendar将不会添加任何事件并且基本上保持加载.
我用firebug检查了JSON响应是什么,并且在两次完成时都是如此.
起初我以为问题是SQL查询.DB长度超过5000条,但JSON响应的加载时间不到200毫秒.
我正在使用demo json.html文件进行测试.将在这里发布功能:
<script type='text/javascript'>
$(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();
}
});
});
</script>
Run Code Online (Sandbox Code Playgroud)
这是我的json-events.php
<?php
$conn = mysql_connect("") or die ("Unable to connect to MySQL server.");
$Exec = mysql_query("select Brand, date_in from planning ORDER BY date_in Desc Limit 35",$conn) or die(mysql_error());
mysql_close();
$events = array();
while($row = mysql_fetch_assoc($Exec)) {
$eventArray['title'] = $row['Brand'];
$eventArray['start'] = $row['date_in'];
$eventsArray['allDay'] = "";
$events[] = $eventArray;
}
header('Content-type: application/json');
echo json_encode($events);
?>
Run Code Online (Sandbox Code Playgroud)
这是JSON响应:
[{"title":"Volkswagen Passat","start":"2011-04-28"},{"title":"Seat Alhambra","start":"2011-04-28"},{"title ":"Ford Focus","start":"2011-04-20"},{"title":"BMW 5-Serie","start":"2011-04-20"},{"title": "Ford Mondeo","start":"2011-04-20"},{"title":"Volkswagen Caddy","start":"2011-04-20"},{"title":"Opel Zafira" ,"start":"2011-04-18"},{"title":"Mazda 3","start":"2011-04-14"},{"title":"Opel Vectra","start" :"2011-04-14"},{"title":"Peugeot 207","start":"2011-04-14"},{"title":"Volkswagen Golf","start":"2011- 04-14"},{"title":"Volvo V90","start":"2011-04-14"},{"title":"Volvo V50","start":"2011-04-14" },{"title":"Volkswagen Polo","start":"2011-04-14"},{"title":"Volkswagen Golf","start":"2011-04-14"},{"标题":"福特蒙迪欧","开始":"2011-04-14"},{"标题":"奥迪","开始":"2011-04-14"},{"标题":"宝马525i","start":"2011-04-14"},{"title":"Renault Laguna","start":"2011-04-14"},{"title":"Opel Astra","开始":"2011-04-14"},{"title":"Seat Alambhra","start":"2011-04-14"},{"title":"Peugeot 307","start":" 2011-04-13" },{"title":"Hyundai Atos","start":"2011-04-13"},{"title":"Citroen Xsara Picasso","start":"2011-04-13"},{ "title":"Opel Astra","start":"2011-04-13"},{"title":"Volkswagen Golf","start":"2011-04-13"},{"title": "Peugeot 307","start":"2011-04-13"},{"title":"Volkswagen Passat","start":"2011-04-13"},{"title":null,"start ":"2011-04-13"},{"title":"雪铁龙C1","开始":"2011-04-13"},{"标题":"丰田凯美瑞","开始":"2011 -04-13"},{"title":"Toyota Aygo","start":"2011-04-13"},{"title":"Nissan Qashqai","start":"2011-04-13 "},{"title":"BMW 3 touring","start":"2011-04-12"},{"title":"Toyota Prius","start":"2011-04-12"}]
我尝试了所有可以想到的东西,我花了5个小时试图完成这项工作.
有没有人知道如何使这项工作?
看起来错误在您的数据库中.
在您的JSON Feed中,您有一个条目
{"title":null,"start":"2011-04-13"}
Run Code Online (Sandbox Code Playgroud)
那个null可能就是让你失望的原因.