2016-12-01 61 views
1

我的錯誤是這樣的:隨着響應JSON.parse

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

+0

請問您能否顯示實際的AJAX響應。看起來你沒有得到有效的JSON。 –

+0

這些行是你成功的問題的根源:function(response){event.id = response.eventid;'....也許他的url的響應不是一個有效的ajax響應 – Hackerman

回答

1

世界檢查您的開發者控制檯/網絡選項卡看到實際的迴應。然後複製並驗證它。我很確定服務器的響應不是你想象的那樣。

+0

這不是一個真正的答案。最好將它添加爲註釋。 –

+0

答案是我期望的那個 –

+0

托馬斯,你能反應嗎?它有效的JSON? –