Fix for formTokens to be passed in the request headers for AJAX calls

src/public/js/tina4helper.js

@@ -18,19 +18,16 @@ function sendRequest (url, request, method, callback) {
         method = 'GET';
     }
 
-    //Inject the new token
-    //Inject the new token
-    if (formToken !== null) {
-        console.log('Injecting new token');
-        // check if there is a form token in the url, if so replace it
-        urlParams = url.searchParams;
-        urlParams.set('formToken', formToken);
-        url.search = urlParams.toString();
-    }
-
     const xhr = new XMLHttpRequest();
+
+
     xhr.open(method, url, true);
 
+    if (formToken !== null) {
+        //set a form token to the header
+        xhr.setRequestHeader('Authorization', 'Bearer '+formToken);
+    }
+
     xhr.onload = function () {
         let content = xhr.response;
         if (xhr.getResponseHeader('FreshToken') !== '' && xhr.getResponseHeader('FreshToken') !== null) {
@@ -340,4 +337,4 @@ function getRoute(loadURL, callback) {
     sendRequest(loadURL, null, 'GET', function(data) {
         callback(handleHtmlData (data, null));
     });
-}
+}