如何將數據從ajax加載到zabuto日曆插件？

Question

作爲標題，我嘗試從ajax加載數據到zabuto日曆，但似乎它不工作，參考zabuto日曆http://zabuto.com/dev/calendar/examples/show_data.html。我想在點擊nav prev month或next month時使用此功能加載數據。 （使用兩個動作action和action_nav）。這被剪斷代碼

<script> 
    $(document).ready(function() { 
    function load_data() { 
        var list = ''; 
        $.ajax({ 
         type: "POST", 
         url: "../BUS/WebService.asmx/LOAD_DATA", 
         contentType: "application/json; charset=utf-8", 
         dataType: "json", 
         cache: false, 
         success: function (data) { 
          list = $.parseJSON(data.d); 
          console.log(list); 
         } 
        }); 
        return list; 
       } 
     function myNavFunction(id) { 
       //code in here 
      } 

      function myDateFunction(id) { 
       //code in here 
      } 
    $("#my_calendar").zabuto_calendar({ 
        data: load_data(), 
        action: function() { 
          return myDateFunction(this.id); 
        }, 
        action_nav: function() { 
          return myNavFunction(this.id); 
        } 
       }); 

    }); 

    </script> 

當我測試，數據不顯示，將數據從阿賈克斯 { "date": "2016-06-01", "title": 2, "badge": true },{ "date": "2016-06-04", "title": 1, "badge": true },{ "date": "2016-06-10", "title": 1, "badge": true } 太謝謝你了。

Answer 1

嘗試以下操作：您需要將日曆功能的Ajax調用成功功能，因爲AJAX是異步

$(document).ready(function() { 
function load_data() { 
       $.ajax({ 
        type: "POST", 
        url: "../BUS/WebService.asmx/LOAD_DATA", 
        contentType: "application/json; charset=utf-8", 
        dataType: "json", 
        cache: false, 
        success: function (data) { 
         var list = $.parseJSON(data.d); 
         $("#my_calendar").zabuto_calendar({ 
          data: list; 
         }); 
        }, 
        error: function (data) { 
         console.log(data.d); 
        } 
       }); 
      } 


load_data(); 
});