hook for modifying XHR before JSON feed request

Hello,

I’m trying today to migrate my company’s app from v3 to v4, and I’m facing a problem with eventSources component. In v3, we used beforeSend function to get http request, and set Authorization header (for bearer token).

Now in v4, it does not call beforeSend function, and does not use headers params. I didn’t find any doc or code from the internet with a solution.

Is it just not implemented ?

We’ve search in source and found nothing about it too.

What I tried :

(v3 base code)

beforeSend: function (xhr) {
    xhr.setRequestHeader('Authorization', 'Bearer ' + token);
},

(v4)

headers: { 'Authorization': 'Bearer ' + token }

headers: { Authorization: 'Bearer ' + token }

Thanks in advance !

[m8iog]

I don’t know if you’ve solved your problem @azuken, but I found a solution in the event source as a function.

                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: "api/assignments/?event_id=" + vm.eventId +  '&start='+ start + "&end=" + end,
                        type: 'GET',
                        headers: {
                            'X-CSRF-TOKEN': window.csrf_token
                        }, success: function (response) {
                                successCallback(response);
                        }
                    });
                },

I also used the same approach for the resources, which works for me. It’s not the most elegant way, but it gets the job done.

Anyhow, just thought I’d share my solution.

[arshaw]

in v4, we should offer a hook to manipulate the XHR before it requests. keeping this ticket open for this feature request