How to make HTTPREQUEST with authorization and accept header?

Question

Here is the documentation for the api:

curl -g "https://api.com" \
-H "Authorization: Bearer $api-key" \
-H "Accept: application/vnd.api+json"

Here's what I have. And its not working. Please help. Any advice would be really appreciated it. I am new to web development but really enjoy it.

var request = new XMLHttpRequest();


    request.open("GET", "https://api.com", false);
   request.setRequestHeader("Authorization", "Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9");
    requset.setRequestHeader("Accept", "application/vnd.api+json");
    request.send();
    var response = JSON.parse(request.responseText);

    var thetables = document.getElementById("Main");
    var row = document.createElement("tr");

    var cell1 = document.createElement("td");
    var cellText = document.createTextNode(namez);
    cell1.appendChild(cellText)
    var cell2 = document.createElement("td");
    var cellText1 = document.createTextNode(response[0]);
    cell2.appendChild(cellText1)
    var cell3 = document.createElement("td");
    var cellText2 = document.createTextNode(response[1]);
    cell3.appendChild(cellText2)
    row.appendChild(cell1);
    row.appendChild(cell2);
    row.appendChild(cell3)
    thetables.appendChild(row);

Possible duplicate of [How to get the response of XMLHttpRequest?](https://stackoverflow.com/questions/3038901/how-to-get-the-response-of-xmlhttprequest) — deathangel908, Jun 24 '18 at 08:41
Why was this down voted? She provided a legit code example, and the question is legit. — TKDev, Jun 24 '18 at 08:47
Why require authentication when it is hard coded in Javascript? — Ed Heal, Jun 24 '18 at 09:02
can you open the network panel of your browser and make sure the request is send properly? — flowest, Jun 25 '18 at 06:16

score 0 · Answer 1 · answered Jun 24 '18 at 08:47

0

See https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/setRequestHeader for the usage of "setRequestHeader". You need to pass 2 params, not only one stirng. I.e:

request.setRequestHeader("Authorization", "Bearer $eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9");

answered Jun 24 '18 at 08:47

flowest

129
2
10

I fixed it but no luck. – jenny.g Jun 24 '18 at 08:54

How to make HTTPREQUEST with authorization and accept header?

1 Answers1