Передать заголовки запроса в вызове jQuery AJAX GET

Question

Передать заголовки запроса в вызове jQuery AJAX GET

190

Я пытаюсь передать заголовки запросов в AJAX GET с помощью jQuery. В следующем блоке "данные" автоматически передают значения в запросе. Есть ли способ передать эти данные в заголовке запроса?

$.ajax({
         url: "http://localhost/PlatformPortal/Buyers/Account/SignIn",
         data: { signature: authHeader },
         type: "GET",
         success: function() { alert('Success!' + authHeader); }
      });

Следующие действия не работали:

$.ajax({
         url: "http://localhost/PlatformPortal/Buyers/Account/SignIn",
         beforeSend: { signature: authHeader },
         async: false,                    
         type: "GET",
                    success: function() { alert('Success!' + authHeader); }
      });

Cranialsurge 15 июль 2010, в 19:15

Источник

Теги:

jquery

ajax

client-side

3 ответа

348

Как и в jQuery 1.5, существует хэш headers, который вы можете передать следующим образом:

$.ajax({
    url: "/test",
    headers: {"X-Test-Header": "test-value"}
});

Из http://api.jquery.com/jQuery.ajax:

Заголовки
(добавлено 1.5): Карта дополнительных пар ключ/значение заголовка для отправки вместе с запросом. Этот параметр устанавливается до вызова функции beforeSend; поэтому любые значения в настройках заголовков могут быть перезаписаны из функции beforeSend.

Lukas 11 сен. 2012, в 16:34

6

Можно ли установить это глобально?
Trip 25 янв. 2013, в 18:37
72

Да: $.ajaxSetup({headers: {"X-Test-Header": "test-value"}})
Lukas 26 янв. 2013, в 05:59
6

Документы jQuery больше не рекомендуют использовать $ .ajaxSetup () ( api.jquery.com/jQuery.ajaxSetup ).
Glen Selle 09 июнь 2014, в 22:06
2

@Glen Их аргументация заключается в том, что плагины могут ожидать, что настройки по умолчанию будут работать. Лично я считаю, что если вы что-то глобально измените, то, что зависит от настроек по умолчанию, может не сработать.
MiniRagnarok 13 окт. 2014, в 17:36
1

@Trip Моя рекомендация для всего мира ... написать свою собственную оболочку для вызовов ajax (абстракция) вместо вызова $ .ajax ().
Erik Philips 09 июнь 2016, в 16:23
0

имейте в виду, что это не работает с jsonp (см. stackoverflow.com/questions/7433556/… ) для jsonp со ссылкой на ответ @Adam
Emmanuel Gleizer 14 март 2018, в 07:27
0

Имейте в виду, что если вы отправляете междоменный запрос, вы должны разрешить свой настраиваемый заголовок в .httaccess с Header always set Access-Control-Allow-Headers "x-requested-with, Content-Type, ..., x-test-header" , в противном случае ошибка Access to XMLHttpRequest at 'http://...' from origin 'http://...' has been blocked by CORS policy: Request header field X-Test-Header is not allowed by Access-Control-Allow-Headers in preflight response.
Serhii Popov 06 дек. 2018, в 10:43
0

Что если я хочу передать объект json в 'x-text-header'? Я попробовал это, и он получает [Object Object] когда я делаю это
Rishav 27 март 2019, в 08:33
1

@Rishav JSON объекты не допускаются в заголовках. Вам нужно будет JSON.stringify, а затем проанализировать его на сервере.
Lukas 27 март 2019, в 16:51
0

@Lukas Ооооо спасибо, спасибо, спасибо
Rishav 27 март 2019, в 17:13

Показать ещё 8 комментариев

25

$.ajax({
            url: URL,
            type: 'GET',
            dataType: 'json',
            headers: {
                'header1': 'value1',
                'header2': 'value2'
            },
            contentType: 'application/json; charset=utf-8',
            success: function (result) {
               // CallBack(result);
            },
            error: function (error) {
                
            }
        });

enthusiast 05 июль 2016, в 07:40

0

Используя jQuery 1.7.2, C # API 2.x, при попытке извлечь из заголовка HttpRequestMessage r = new HttpRequestMessage(); int mylogonID = Convert.ToInt32(r.Headers.GetValues("logonID")); ошибка из-за того, что данный заголовок не найден. потому что r.Headers пуст.
Jeb50 15 апр. 2017, в 16:48
0

Вы можете попробовать что-то вроде - string [] ids = System.Web.HttpContext.Current.Request.Headers ["logonID"]. Split (',');
enthusiast 17 апр. 2017, в 07:10

Ещё вопросы

Можно ли установить это глобально?
Да: $.ajaxSetup({headers: {"X-Test-Header": "test-value"}})
Документы jQuery больше не рекомендуют использовать $ .ajaxSetup () ( api.jquery.com/jQuery.ajaxSetup ).
@Glen Их аргументация заключается в том, что плагины могут ожидать, что настройки по умолчанию будут работать. Лично я считаю, что если вы что-то глобально измените, то, что зависит от настроек по умолчанию, может не сработать.
@Trip Моя рекомендация для всего мира ... написать свою собственную оболочку для вызовов ajax (абстракция) вместо вызова $ .ajax ().
имейте в виду, что это не работает с jsonp (см. stackoverflow.com/questions/7433556/… ) для jsonp со ссылкой на ответ @Adam
Имейте в виду, что если вы отправляете междоменный запрос, вы должны разрешить свой настраиваемый заголовок в .httaccess с Header always set Access-Control-Allow-Headers "x-requested-with, Content-Type, ..., x-test-header" , в противном случае ошибка Access to XMLHttpRequest at 'http://...' from origin 'http://...' has been blocked by CORS policy: Request header field X-Test-Header is not allowed by Access-Control-Allow-Headers in preflight response.
Что если я хочу передать объект json в 'x-text-header'? Я попробовал это, и он получает [Object Object] когда я делаю это
@Rishav JSON объекты не допускаются в заголовках. Вам нужно будет JSON.stringify, а затем проанализировать его на сервере.
@Lukas Ооооо спасибо, спасибо, спасибо
Используя jQuery 1.7.2, C # API 2.x, при попытке извлечь из заголовка HttpRequestMessage r = new HttpRequestMessage(); int mylogonID = Convert.ToInt32(r.Headers.GetValues("logonID")); ошибка из-за того, что данный заголовок не найден. потому что r.Headers пуст.
Вы можете попробовать что-то вроде - string [] ids = System.Web.HttpContext.Current.Request.Headers ["logonID"]. Split (',');

Adam · Accepted Answer · 2010-07-15T19-18-00.000Z

220

Лучший ответ

Используйте beforeSend:

$.ajax({
         url: "http://localhost/PlatformPortal/Buyers/Account/SignIn",
         data: { signature: authHeader },
         type: "GET",
         beforeSend: function(xhr){xhr.setRequestHeader('X-Test-Header', 'test-value');},
         success: function() { alert('Success!' + authHeader); }
      });

http://api.jquery.com/jQuery.ajax/

http://www.w3.org/TR/XMLHttpRequest/#the-setrequestheader-method

Adam 15 июль 2010, в 19:18

4

я знаю, что это уже очень давно. но я хотел добавить, что после: beforeSend: function (xhr) {xhr.setRequestHeader ('X-Test-Header', 'test-value');} должна быть запятая
matthew_360 18 янв. 2013, в 20:50
0

beforeSend: function (xhr) {xhr.setRequestHeader ('X-Test-Header', 'test-value');} хорошо работает в chrome и firefox, но не в IE8. отправка X-Test-Header отсутствует. как это исправить? Спасибо
user1940268 31 янв. 2015, в 00:01
0

я пытался, но он выдает ошибку, когда я передаю подробности заголовка в использовании "jquery-1.11.1.min.js"
Ghanshyam Baravaliya 06 май 2016, в 13:22
3

смотрите ответ ниже, гораздо более актуальный
thedanotto 26 сен. 2016, в 22:36
0

Что если я хочу добавить X-Test-Header и X-Test-Header к beforeSend ?
Si8 01 фев. 2017, в 16:00
0

это возможно с "JSONP"?
Kirby 29 дек. 2017, в 18:55
0

этот ответ является правильным, если вы используете jsonp, но если вы не видите ответ @Lukas ниже. Предупреждение: если вы оба используете https для URL и jsonp, это не сработает.
Emmanuel Gleizer 14 март 2018, в 14:29
0

Что если я хочу передать объект json в 'x-text-header'? Я попробовал, и он получает [Object Object]
Rishav 27 март 2019, в 08:33

Показать ещё 6 комментариев