chore(appengine): Update poll.js to include XML Header in fetch request (#13022)

Author: riathakkar

appengine/standard/iap/js/poll.js

@@ -1,11 +1,11 @@
-// Copyright Google Inc.
-//
+// Copyright 2017 Google LLC
+
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
-//
+
 //     http://www.apache.org/licenses/LICENSE-2.0
-//
+
 // Unless required by applicable law or agreed to in writing, software
 // distributed under the License is distributed on an "AS IS" BASIS,
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
@@ -22,9 +22,11 @@ function getStatus() {
       return response.text();
     }
     // [START handle_error]
+    // [START gae_handle_error]
     if (response.status === 401) {
       statusElm.innerHTML = 'Login stale. <input type="button" value="Refresh" onclick="sessionRefreshClicked();"/>';
     }
+    // [END gae_handle_error]
     // [END handle_error]
     else {
       statusElm.innerHTML = response.statusText;
@@ -42,6 +44,7 @@ getStatus();
 setInterval(getStatus, 10000); // 10 seconds
 
 // [START refresh_session]
+// [START gae_refresh_session]
 var iapSessionRefreshWindow = null;
 
 function sessionRefreshClicked() {
@@ -54,16 +57,29 @@ function sessionRefreshClicked() {
 
 function checkSessionRefresh() {
   if (iapSessionRefreshWindow != null && !iapSessionRefreshWindow.closed) {
-    fetch('/favicon.ico').then(function(response) {
+    // Attempting to start a new session.
+    // XMLHttpRequests is used by the server to identify AJAX requests
+    fetch('/favicon.ico', {
+          method: "GET",
+          credentials: 'include',
+          headers: {
+              'X-Requested-With': 'XMLHttpRequest'
+          }
+.then((response) => {
+      // Checking if browser has a session for the requested app
       if (response.status === 401) {
+        // No new session detected. Try to get a session again
         window.setTimeout(checkSessionRefresh, 500);
       } else {
+        // Session retrieved.
         iapSessionRefreshWindow.close();
         iapSessionRefreshWindow = null;
       }
+    })
     });
   } else {
     iapSessionRefreshWindow = null;
   }
 }
+// [END gae_refresh_session]
 // [END refresh_session]