Как установить заголовок header в JavaScript

Единственный путь установить собственный заголовок в JavaScript через браузер при передаче данных через request-запрос на сервер - это использовать метод setRequestHeader() объекта XmlHttpRequest.

Если вы используете XHR, то тогда вызов метода setRequestHeader() сработает:

xhr.setRequestHeader('custom-header', 'value');

Если вы хотите посылать собственный заголовок header для всех будущих запросов, тогда вам надо написать следующий код:

$.ajaxSetup({
    headers: { "CustomHeader": "myValue" }
});

В этом случае все последующие AJAX-запросы будут содержать в себе ваш заголовок до тех пор пока вы не перепишите ajaxSetup.

Помимо этого для индивидуальных AJAX-запросов вы можете добавить собственный заголовок header так:

$.ajax({
  url: url,
  beforeSend: function(xhr) {
    xhr.setRequestHeader("custom_header", "value");
  },
  success: function(data) {
  }
});

Если вы хотите установить несколько заголовков для индивидуального AJAX-запроса, то используйте такой код:

$.ajax({
    url: 'foo/bar',
    headers: { 'x-my-custom-header': 'some value', 'x-my-other-header': 'other value' }
});

Если вы хотите добавить заголовок или несколько заголовков по умолчанию в каждый запрос, то используйте для этого $.ajaxSetup():

$.ajaxSetup({ headers: { 'x-my-custom-header': 'some value' } }); //Отправляет ваш заголовок на сервер

Вы просто перезаписываете стандартный заголовок
$.ajax({ url: 'foo/bar' }); вашим новым заголовком
$.ajax({ url: 'foo/bar', headers: { 'x-some-other-header': 'some value' } });

Если хотите добавить ваш заголовок только в индивидуальный AJXA-запрос, то используйте beforeSend вместо $.ajaxSetup():

$.ajaxSetup({
    beforeSend: function(xhr) { xhr.setRequestHeader('x-my-custom-header', 'some value'); }
});

Вот пример установки собственного заголовка в XHR2:

function xhrToSend(){
    // Attempt to creat the XHR2 object
    var xhr;
    try{
        xhr = new XMLHttpRequest();
    }catch (e){
        try{
            xhr = new XDomainRequest();
        } catch (e){
            try{
                xhr = new ActiveXObject('Msxml2.XMLHTTP');
            }catch (e){
                try{
                    xhr = new ActiveXObject('Microsoft.XMLHTTP');
                }catch (e){
                    statusField('\nYour browser is not' +
                        ' compatible with XHR2');                          
                }
            }
        }
    }
    xhr.open('POST', 'startStopResume.aspx', true);
xhr.setRequestHeader("chunk", numberOfBLObsSent + 1);
xhr.onreadystatechange = function (e) {
        if (xhr.readyState == 4 && xhr.status == 200) {
            receivedChunks++;
}
    };
    xhr.send(chunk);
    numberOfBLObsSent++;
};