How to form a authorization CURL request in AJAX?

Question

I have the following CURL request requiring a JWT token for accessing a protected route in express.js. This request is working fine.

curl --request GET \
  --url http://localhost:3001/api/v1/protected/random-quote \
  --header 'Authorization: Bearer eyJ0xxxxQ.NLNOn1caBeGFlPRnsSjLDIKFggMItcm-dl5PKOjlLxs' \
  --header 'Content-Type: application/json'

How do I formulate the corresponding AJAX request?

<script>
var id_tok = Cookies.get('id_token');
var access_tok =   Cookies.get('access_token');

var headersOb = 'Authorization: Bearer ' + access_tok;

$.ajax({
  type: 'GET',
  url:   'http://localhost:3001/api/v1/protected/random-quote',
 headers: headersOb,
 contentType: 'application/json',
 dataType: 'json'
}).done(function(data) {
 console.log(data);
 console.log('data called success');
});
</script>

With the above AJAX request I get the following error:

VM9599 jquery.min.js:3049 GET   http://localhost:3001/api/v1/protected/random-quote 401 (Unauthorized)

I think `headersOb` should actually be an object: `{"Authorization": "Bearer ..."}`. Check in DevTools "network" whether the request includes your custom header. — Tobias K., Aug 08 '18 at 14:52

score 1 · Accepted Answer · answered Aug 08 '18 at 14:53

1

Need to pass an object to headers option

headers: {'Authorization': 'Bearer ' + access_tok}

answered Aug 08 '18 at 14:53

charlietfl

170,828
13
121
150

Thank you. That worked well. – codebird456 Aug 08 '18 at 15:31

How to form a authorization CURL request in AJAX?

1 Answers1