javascript - 导航到带有附加 header 的 URL

Question

我们是否可以导航(通过 <a/> 单击)到请求中带有附加 header 的 URL？这是我的代码:

我有一个<a href="#" id="aUsers"/>标签，然后我处理 onClick()通过 JQuery 的事件:

$('#aUsers').click(function () {
  var spAuthData = sessionStorage.getItem('sp-auth-data');
  window.location.href = '/users.html?sp-auth-data' = spAuthData;
});

我想把spAuthData authorization 中的值标题，这样我就可以有一个干净的 URL

Answer 1

据我所知，没有办法用普通的 url 来操作 HTTP header 。

如果适合您的情况，您可以使用 jQuery AJAX 请求的 headers 参数。例如，您可以使用 AJAX HTML 响应更新某些 div 的内容。

$.ajax({
    url: '/users.html',
    headers: { 'Authorization': spAuthData }
}).done(function() 
{
});

否则，您似乎需要进行一些服务器端更改。

但是你为什么不使用cookies或者类似的东西呢？
Authorization 仅由未经授权的用户在授权期间使用。在我看来，在浏览器的每个请求上手动发送此 header 听起来很糟糕。最好的方法是在授权期间发送此 header 一次，创建用户 session 并将其存储在 cookie 中(作为访问 token 、表单票证或其他任何形式)。