Как добавить headers в функцию onclick?

Question

[kondratev-ad]

Есть ссылка при нажатии на которую вызывается функция. Как можно добавить свой headers?
Этот код не работает:

<script>
 function click_a (href) {
    $.ajax({
        url: href,
        beforeSend: function(xhr) {
          xhr.setRequestHeader("custom", "my_custom_here");
        },
        success: function (data, status, xhr) {
          window.location = xhr.url;
        }
      });
    };
</script>

<p><a onclick="click_a('/exemple')" href="/exemple">My_link</a></p>

Comments

[ProjectSoft]

Всё правильно написано.
Почему вы решили, что не работает?

В DevTools смотрите "Заголовоки запроса"
На время теста уберите window.location = xhr.url; из функции.

[kondratev-ad]

ProjectSoft, в приложении в requeste не получаю эти headers? И если в success: function (data, status, xhr) {} поставить alert то его не показывает

[kondratev-ad]

ProjectSoft, а нее, прилетает, только почему-то прилетает два одинаковых запроса, один с этим header, другой без

[ProjectSoft]

kondratev-ad кажется я понял в чём ваша проблема.
Первое.
AJAX всегда ждёт в ответ json. У вас он точно приходит ответ в json? Я лично не уверен, хотя это можно сделать.
Второе.
Используй те код, который я вам предоставил.
Что мы делаем.
В функцию передаём event клика и обрабатываем полученные данные. При этом останавливаем дальнейшую обработку event и возвращаем false из функции.
Как передать event в inline способом:

<a href="/exemple" onclick="click_a(event)">Ссылка</a>

Код JS

function click_a (e) {
	e.preventDefault();
	$.ajax({
		url: this.href,
		dataType: 'html',
		beforeSend: function(xhr) {
			xhr.setRequestHeader("custom", "my_custom_here");
		},
		success: function (data, status, xhr) {
			console.log(data, status, xhr);
			//window.location = xhr.url;
		}
	});
	return !1;
};

PS:
Учтите, что в вашем коде и в моём есть ошибки. Какие? Думаю, что догадаетесь.

[kondratev-ad]

ProjectSoft, не силен я в JS(
Как я понял, функция возвращает False и ссылка не срабатывает, отрабатывает только функция. Но тогда у меня пользователь не переходит по ссылке. А мне нужно чтобы он переходил, просто с добавлением header

[ProjectSoft]

А мне нужно чтобы он переходил, просто с добавлением header

Этого у вас не получится. Т. к. браузер не отправляет данные header, которые вы установили.
Но у вас правильный подход. Перед переходом вы отправляете эти данные в ajax и только потом делаете переход (после получения ответа от сервера)
Только исправьте
window.location = xhr.url;
У xhr нет url свойства.
Функция должна выглядеть так

function click_a (e) {
  e.preventDefault();
  var $this = this;
  $.ajax({
    url: $this.href,
    dataType: 'html',
    beforeSend: function(xhr) {
      xhr.setRequestHeader("custom", "my_custom_here");
    },
    success: function (data, status, xhr) {
      //console.log(data, status, xhr);
      window.location = $this.href;
    }
  });
  return !1;
};