javascript - 如何从ajax加载数据到zabuto日历插件？

Question

作为标题，我尝试将数据从ajax加载到zabuto日历，但似乎不起作用，引用zabuto日历http://zabuto.com/dev/calendar/examples/show_data.html 。我想在单击上个月或下个月的导航时使用此功能加载数据。 (使用两个操作 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>

当我测试这个时，数据没有显示，来自ajax的数据为{ "日期": "2016-06-01", "标题": 2, "徽章": true },{ "日期": "2016-06-04", "标题": 1, "徽章": 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();
});