如何将自定义标题添加到完整日历源

Question

我需要将自定义标头附加到完整日历的 ajax 请求。

$('#calendar').fullCalendar({
    eventSources: [
        {
            url: '/myfeed.php',
        }    
    ]
});

我该如何定义它？

Answer 1

查看文档，说明以下内容：

jQuery $.ajax options

您还可以在同一选项中指定任何 jQuery $.ajax 选项 对象！这使您可以轻松地将其他参数传递给您的 提要脚本，以及侦听 Ajax 回调。

在此之后，$.ajax()的文档具有以下选项：

标头(默认：{}(

类型：普通对象

要一起发送的其他标头键/值对的对象 使用 XMLHttpRequest 传输的请求。页眉 X-Request-With：XMLHttpRequest 总是被添加，但其默认值 XMLHttpRequest 值可以在此处更改。标题中的值 也可以从 beforeSend 函数中覆盖设置。 (新增版本：1.5(

所以下面的代码应该可以工作：

$('#calendar').fullCalendar({
    eventSources: [
        {
            url: '/myfeed.php',
            headers: { myCustomHeader: 'My Custom Value' }
        }    
    ]
});

Answer 2

认为，它实际上就像提供标头键一样简单：

$('#calendar').fullCalendar({
    eventSources: [
        {
            url: '/myfeed.php',
            headers: {
                'Authorization': 'foo'
            }
        }
    ]
});

Answer 3

                        events: function (info, successCallback, failureCallback) {
                            let start = moment(info.start.valueOf()).format('YYYY-MM-DD');
                            let end = moment(info.end.valueOf()).format('YYYY-MM-DD');
                            $.ajax({
                                url: 'feed.php',
                                type: 'GET',
                                data:{
                                    'start':start,
                                    'end':end,
                                    'id': '12'
                                },
                                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;',
                    'accept': 'application/json',
                    'X-Requested-With': 'XMLHttpRequest',
                    'X-CSRF-Token': $('meta[name=csrf-token]').attr("content"), //Here, I am using the CSRF token
                };,
                                success: function (response) {
                                    successCallback(response);
                                }
                            });
                        },