RESTful API Header
Hello, using RESTful API a temporary token is returned and logged with console.log(xmlHttp.responseText); . Does anyone know how to then pass that temporary token to the 'Authorization': '{Authoriz...
Forum Discussion
Thanks for the replay and information Austin. I wasn't aware of the need for the "QB-TEMP-TOKEN " + before the parsed xmlHTTP.responseText.
------------------------------
Adam Keever
------------------------------
------------------------------
Adam Keever
------------------------------
Austin, I am unable to get this to work on my end. Here is the code I am using:
------------------------------
Adam Keever
------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" name="description" content="[MY CONTENT]">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#3367D6" />
<link rel="shortcut icon" href="[MY ICON]" />
<title>View Data</title>
<!-- put styling information here -->
</head>
<body>
<!-- This is just to confirm code functionality -->
<h1>Record ID#</h1>
<span id="RID#"></span>
<h1>Temporary Authorization#</h1>
<span id="AUTH#"></span>
<h1>Declared Variable</h1>
<span id="VAR#"></span>
<h1>Passed Variable</h1>
<span id="PASS#"></span>
<h1>Query Results</h1>
<span id="Q#"></span>
<!---------------GET_RECORD_ID#---------------------->
<script>
var getUrlParameter = function(sParam) {
var sPageURL = window.location.search.substring(1);
var sURLVariables = sPageURL.split('&');
for (var i = 0; i < sURLVariables.length; i++) {
var sParameterName = sURLVariables.split('=');
if (sParameterName[0] == sParam) {
return sParameterName[1];
}
}
}
rid = getUrlParameter("rid");
console.log(rid);
document.getElementById("RID#").innerHTML = rid;
</script>
<!---------------GET_TEMPORARY_TOKEN---------------------->
<script>
var headers = {
'QB-Realm-Hostname': '[MY REALM]',
'QB-App-Token': '[MY APP TOKEN]',
'Content-Type': 'application/json'
}
const xmlHttp = new XMLHttpRequest();
xmlHttp.open('GET', 'https://api.quickbase.com/v1/auth/temporary/[MY TABLE]', true);
for (const key in headers) {
xmlHttp.setRequestHeader(key, headers[key]);
}
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState === XMLHttpRequest.DONE) {
console.log(xmlHttp.responseText);
document.getElementById("AUTH#").innerHTML = xmlHttp.responseText;
var ticket = JSON.parse(xmlHttp.responseText);
document.getElementById("VAR#").innerHTML = ticket.temporaryAuthorization;
}
};
xmlHttp.withCredentials = true;
xmlHttp.send();
tempAuth = "QB-TEMP-TOKEN " + ticket
</script>
<!---------------GET_DATA_FROM_FIELDS---------------------->
<script>
document.getElementById("PASS#").innerHTML = tempAuth.temporaryAuthorization;
var headers = {
'QB-Realm-Hostname': '[MY REALM]',
'Authorization': 'tempAuth',
'Content-Type': 'application/json'
}
var body = {
"from": "[MY TABLE]",
"select": [237, 229, 253, 277, 313, 334, 254, 278, 314, 335, 255, 279, 315, 336, 256, 280, 316, 337, 257, 281, 317, 338, 258, 282, 318, 339, 259, 283, 319, 340, 260, 284, 320, 341, 261, 285, 321, 342, 262, 286, 322, 343, 263, 287, 323, 344, 264, 288, 324, 345, 265, 289, 325, 346, 266, 290, 326, 347, 267, 291, 327, 348, 268, 292, 328, 349, 269, 293, 329, 350, 270, 294, 330, 351, 271, 295, 331, 352, 272, 296, 332, 353, 273, 297, 333, 354, 274, 362, 372, 382, 275, 363, 373, 383, 432],
"where": "{3.EX.' + rid + '}"
}
const xmlHttp = new XMLHttpRequest();
xmlHttp.open('POST', 'https://api.quickbase.com/v1/records/query', true);
for (const key in headers) {
xmlHttp.setRequestHeader(key, headers[key]);
}
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState === XMLHttpRequest.DONE) {
console.log(xmlHttp.responseText);
document.getElementById("Q#").innerHTML = xmlHttp.responseText;
}
};
xmlHttp.send(JSON.stringify(body));
</script>
</body>
</head>
</html>
Here is the response:
I have tried running the last two code blocks within one script tag, but then the temporary token API doesn't work.
------------------------------
Adam Keever
------------------------------
- There's some good luck I checked the forum almost right as you posted.
The first thing I noticed is line 89 should be this:
'Authorization': tempAuth,
Then line 84 should be changed to this:
document.getElementById("PASS#").innerHTML = tempAuth;
I think that may be all.- I made those two corrections and get the same result.
------------------------------
Adam Keever
------------------------------- Are you getting any errors in console? I think there should be an error for line 78 saying 'ticket' is undefined. I'm really tired today so I may miss something obvious here.
I think I see now, those things still needed to be done though. I believe it is a scope issue for line 71. That variable is scoped to that function and is not a global variable. Once outside of that function the variable does not exist.
You could go about this multiple ways. You could attach the variable to the window object, which turns it global but is kind of dirty. Or you could declare your variable outside of your function and then use it in the function at a local level in a certain way that will affect the global variable.
If you declare it in your code like this in the same code block but outside of the function:
var ticket = ''
Then in your function change line 71 to be this without the var at the beginning:
ticket = JSON.parse(xmlHttp.responseText);
That should cause ticket in the function to update the global variable. If it does not, we can try attaching ticket to the window object.
