Javascript 使用响应JSON.parse
我的错误是:Javascript 使用响应JSON.parse,javascript,json,laravel-5.3,Javascript,Json,Laravel 5.3,我的错误是: Uncaught SyntaxError: Unexpected token H in JSON at position 0 我试图在laravel 5.3中制作一个日历,但是控制台中出现了这个错误,有一个json响应,在json和javascript中我是新的,日历就是一个例子,我正在尝试修改laravel。如果出现此错误,则在本部分中: $('#calendar').fullCalendar({ events: JSON.parse(json_events),
Uncaught SyntaxError: Unexpected token H in JSON at position 0
我试图在laravel 5.3中制作一个日历,但是控制台中出现了这个错误,有一个json响应,在json和javascript中我是新的,日历就是一个例子,我正在尝试修改laravel。如果出现此错误,则在本部分中:
$('#calendar').fullCalendar({
events: JSON.parse(json_events),
//events: [{"id":"14","title":"New Event","start":"2015-01-24T16:00:00+04:00","allDay":false}],
utc: true,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: true,
droppable: true,
slotDuration: '00:30:00',
eventReceive: function(event){
var title = event.title;
var start = event.start.format("YYYY-MM-DD[T]HH:mm:SS");
$.ajax({
url: '{{url('calendarController')}}',
data: 'type=new&title='+title+'&startdate='+start+'&zone='+zone,
type: 'GET',
dataType: 'json',
success: function(response){
event.id = response.eventid;
$('#calendar').fullCalendar('updateEvent',event);
},
error: function(e){
console.log(e.responseText);
}
});
$('#calendar').fullCalendar('updateEvent',event);
console.log(event);
},
eventDrop: function(event, delta, revertFunc) {
var title = event.title;
var start = event.start.format();
var end = (event.end == null) ? start : event.end.format();
$.ajax({
url: '{{url('calendarController')}}',
data: 'type=resetdate&title='+title+'&start='+start+'&end='+end+'&eventid='+event.id,
type: 'GET',
dataType: 'json',
success: function(response){
if(response.status != 'success')
revertFunc();
},
error: function(e){
revertFunc();
alert('Error processing your request: '+e.responseText);
}
});
},
eventClick: function(event, jsEvent, view) {
console.log(event.id);
var title = prompt('Event Title:', event.title, { buttons: { Ok: true, Cancel: false} });
if (title){
event.title = title;
console.log('type=changetitle&title='+title+'&eventid='+event.id);
$.ajax({
url: '{{url('calendarController')}}',
data: 'type=changetitle&title='+title+'&eventid='+event.id,
type: 'GET',
dataType: 'json',
success: function(response){
if(response.status == 'success')
$('#calendar').fullCalendar('updateEvent',event);
},
error: function(e){
alert('Error processing your request: '+e.responseText);
}
});
}
},
eventResize: function(event, delta, revertFunc) {
console.log(event);
var title = event.title;
var end = event.end.format();
var start = event.start.format();
$.ajax({
url: '{{url('calendarController')}}',
data: 'type=resetdate&title='+title+'&start='+start+'&end='+end+'&eventid='+event.id,
type: 'GET',
dataType: 'json',
success: function(response){
if(response.status != 'success')
revertFunc();
},
error: function(e){
revertFunc();
alert('Error processing your request: '+e.responseText);
}
});
},
eventDragStop: function (event, jsEvent, ui, view) {
if (isElemOverDiv()) {
var con = confirm('Are you sure to delete this event permanently?');
if(con == true) {
$.ajax({
url: '{{url('calendarController')}}',
data: 'type=remove&eventid='+event.id,
type: 'GET',
dataType: 'json',
success: function(response){
console.log(response);
if(response.status == 'success'){
$('#calendar').fullCalendar('removeEvents');
getFreshEvents();
}
},
error: function(e){
alert('Error processing your request: '+e.responseText);
}
});
}
}
}
});
如果有人能给我一个严肃的回复或者很多帮助,我是javascript的新手,请查看您的开发者控制台/网络选项卡以查看实际的响应。然后复制并验证它。我很确定服务器的响应不是您想象的那样。您能显示实际的AJAX响应吗。您似乎没有获得有效的JSON。这些行是问题的根源
success:function(response){event.id=response.eventid;
…可能来自url的响应不是有效的ajax响应这不是真正的答案。最好将其添加为注释。答案是我期望的答案托马斯,你能显示响应吗?它是有效的JSON吗?斯科特,我没有足够的声誉来评论。