Skip to main content



Sends a necessary HTTP request to the server and returns a promise with or without data depending on the request

All requests to the server are made with the send() method which is a part of the RestDataProvider service.


url: string,
method: "GET" | "POST" | "PUT" | "DELETE" | string,
data?: object,
headers?: object,
): Promise<obj[]>


urlstringRequired. A path to the server where a request is sent to.
methodstringRequired. An HTTP method type (Get, Post, Put, Delete)
dataobjectOptional. Parameters that are sent to the server. By default, parameters of the fired event are sent. But you are free to add additional parameters with the custom object. See Example 2 below.
headersobjectOptional. A default header is the Content-Type header set to application/json. More optional headers can be added with the customHeaders parameter. See Example 1 below.


The method returns the promise object with or without data depending on the request.

A promise is returned back to the success request status. In case of the failed request (response.status == 500), an exception with an error text is thrown.

You can configure what to return back. To handle a response to the failed request, use the catch method of the promise that is returned.

restDataProvider.send(url, method, data)
.then(data => {
... // success: do something with data
.catch(err => {
... // error handler


The next example shows how to add headers by extending RestDataProvider, which can give you more control of the data you send to the server:

Example 1
const url = "https://some_backend_url";

class MyDataProvider extends RestDataProvider {
send(url, method, data, headers) {
headers = { ...headers, "SomeToken": "abc" };
return super.send(url, methods, data, headers);

calendar.api.setNext(new MyDataProvider(url));

The example below shows how to add additional parameters to the /events requests. Note, that parameters are added to the calendar data object for the update-event/add-event handler. You don't need to call the send() method manually here as it's called via the api.setNext() method. The same approach can be applied to the update-calendar and add-calendar events.

Example 2
const url = "https://some_backend_url";
const restProvider = new eventCalendar.RestDataProvider(url);

]).then(([events, calendars]) => {
const calendar = new eventCalendar("#root", {
// configuration parameters

calendar.api.on("update-event", data => {
data.custom = "custom event";

If you send an arbitrary request that is not managed by the EventCalendar API, you can pass the parameters object into the send() method of the RestDataProvider manually:

Example 3
const customEndpoint = `projects/1`;
const params = {
restProvider.send(customEndpoint , "PUT", params).then(data => {}),

Related articles: