Send custom header with jquery not working

See more:

ASP.NET

Javascript

Ajax

jQuery

, +

I want to send a custom value in the request header with Jquery to my Web API. When I read the request header in the web API, it looks like this:

Connection\r\nAccept\r\nAccept-Encoding\r\nAccept-Language\r\nHost\r\nUser-Agent\r\nAccess-Control-Request-Method\r\nOrigin\r\nAccess-Control-Request-Headers\r\n

I cannot find mykey value with the header when call the web API from Google Chrome. When I use fiddle to call the web API, I receive the custom key. . I read the header in the the Gobal.aspx

What I have tried:

<script>
$.ajax({
type: "Post",
crossDomain: true,
url: 'http://localhost:61190/webapi',
dataType: 'json',
cache: false,
headers: {
'mykey':'value',
'Content-Type':'application/json'
}
});
</script>

My web API

protected void Application_PostAuthorizeRequest()
{
string keys = "";
for (int i = 0; i < HttpContext.Current.Request.Headers.Count; i++)
{
keys += HttpContext.Current.Request.Headers.Keys[i].ToString() + Environment.NewLine;
}
throw new Exception(keys);
}