如何使用新令牌动态更新 AJAX GET 请求标头

Question

我正在尝试设置一个 AJAX 获取请求，该请求使用一个变量作为其标头，但是，我正在努力找出如何将一个变量用于标头。下面是获取请求。我已经到了以 var token 下看到的格式在变量中捕获令牌的地步。但是如何使用这个变量作为标题呢？

    $('#get-product').click(function() {
  var token = 'Authorization' : 'token 123456789'
   $.ajax({
    url: 'someurl',
    data: 'json',
    type: 'GET',
     headers: {
                token,
            },
    processData: true,
    success: function( data, textStatus, jQxhr ){
        $('#response').html( JSON.stringify( data ) );
    },
    error: function( jqXhr, textStatus, errorThrown ){
        console.log( errorThrown );
    }
});
});

Answer 1

您可以使用 Headers 构造函数并使用 append 来添加 header 选项，您的代码将如下所示：

$('#get-product').click(function() {
  const headers = new Headers();

  headers.append('Authorization', 'token 123456789');

  $.ajax({
    url: 'someurl',
    data: 'json',
    type: 'GET',
    headers,
    processData: true,
    success: function( data, textStatus, jQxhr ){
        $('#response').html( JSON.stringify( data ) );
    },
    error: function( jqXhr, textStatus, errorThrown ){
        console.log( errorThrown );
    }
  });
});