Add authentication request headers with ClientDataSource

AUTHOR: Peter Milchev

DATE POSTED: May 29, 2018

HOW TO

Add headers to requests from ClientDataSource. 

DESCRIPTION

This article shows how you can add custom headers to the requests made from the ClientDataSource, for example, Authentication header.

SOLUTION

To manipulate the request we should add a handler for the beforeSend event of the underlying Kendo UI DataSource widget's transport properties. In order to do that we need to override the private _mapTransport function of the RadClientDataSource control. Placing the following scripts below the ScriptManager allows you to set a header with key 'customheader' and value 'custom header value'.

 

Here are some links related to the request headers and JSONP:

• https://stackoverflow.com/a/10546945
• https://stackoverflow.com/questions/3073287/set-headers-with-jquery-ajax-and-jsonp
• https://stackoverflow.com/questions/3073336/is-it-possible-to-make-cross-domain-requests-in-javascript-and-set-custom-header
• https://stackoverflow.com/questions/3350778/modify-http-headers-for-a-jsonp-request
• https://stackoverflow.com/questions/7433556/jquery-jsonp-ajax-authentication-header-not-being-set
• https://github.com/jquery/jquery/issues/1781
  
   

See Also:

• Using ClientDataSource With Web API;
• Telerik Forum: How to set Authorization header for transport read?