jquery fullcalendarのajaxレスポンスによるカレンダーイベントの送信方法

Question

CodeigniterでjQuery Fullcalendarを使用しています。まず、私はスケジュールの時間と名前のテーブルを持っています。私はカレンダーページを読み込んでいるときにfullcalendar.jsにデータを送信していますが、私はAjaxレスポンスでしたいです。私はどのように進行していますか？私を助けてください。

私は以下のコードを試しました。

function get_locationdata(start, end) { 
    $.ajax({ 
     type: "POST", 
     url: '<?php echo base_url(); ?>/index.php/Task_controller/get_schedulelocationsdata',  
     data: { 
      start: start, 
      end: end, 
      user_id: user_id 
     }, 
     success: function(resp) { 
      defaultEvents = resp; 
     } 
    }); 
} 

defaultEvents = resp; 

<script src = '<?php echo base_url(); ?>assets/plugins/fullcalendar/dist/fullcalendar.min.js'></script> 
<script src = "<?php echo base_url(); ?>assets/pages/jquery.fullcalendar.js"></script> 

defaultEvents私はjquery.fullcalendar.js に送信され、RESPで、私はjson_encoded data.IはAjaxのレスポンスを使用してfullcalendar.jsにイベントを送信したい取得しています配列です。

Answer 1

イベントを取得する最も簡単な方法は、フィードをPOSTフィードからGETに変更することです。次に、URLをFullcalendarに渡すだけですべてが機能します。

これができない場合は、コードを変更する必要があります。あなたのAJAX呼び出しは非同期です。つまり、すぐに結果が得られず、その下にあるコード（例えば、2行目defaultEvents = resp;）は、AJAXから返された結果にアクセスできません - その時点では未定義です。

AJAXが完了したら、成功コールバックでFullcalendarを初期化する必要があります。これは、あなたのAJAX POSTがイベントcorrectly formatted and as expected by Fullcalendar（例えば、配列）のセットを返すと仮定します。正しい形式でない場合は、AJAX successコールバックで処理する必要があります。 Fullcalendarにイベントの静的なセットを提供することにより、そのかかわら

function get_locationdata(start, end) { 
    $.ajax({ 
     type: "POST", 
     url: '<?php echo base_url(); ?>/index.php/Task_controller/get_schedulelocationsdata', 
     data: { 
      start: start, 
      end: end, 
      user_id: user_id 
     }, 
     success: function(resp) { 
      // Now you have your event data, you can fire up Fullcalendar 
      initFullcalendar(resp); 
     } 
    }); 
} 

function initFullcalendar(events) { 
    $('#calendar').fullCalendar({ 
     // ... 
     events: events, 
    }); 
} 

// Fire everything off 
get_locationdata('2017-10-10', '2017-11-10'); 

注意、それはあなたがビューを変更すると、彼らは更新されないことを意味します。したがって、カレンダーのナビゲーションボタンをクリックして翌月に見ると、イベントは更新されません。 をすべての過去、現在、将来の予定をget_locationdata()の最初の通話に読み込まない限り、新しい月の新しい予定は表示されません。 viewRenderコールバックを含むいくつかの解決策が必要です。ビューが変更されたとき（新しい月にクリックするなど）、新しいAJAXリクエストを発行して新しいイベントを取得することができます。