title: Secure headers is in ajax jquery request
body: <p>I have following ajax call and I am sending GET request with the header Authorization for security purpose.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$.ajax({ //actually approve or reject the promotion
              url: "/api/testapi/",
              type: "GET",
              beforeSend: function (request)
              {
                  request.setRequestHeader("Authorization","123456789");
              },
              data: JSON.stringify({
                 
                  promotionId: 1
              }),
              contentType: "application/json; charset=utf-8",
              success: function (data) {
                 console.log(data)
              },
              error: function (xhRequest, ErrorText, thrownError) {                
                  console.log('xhRequest: ' + xhRequest + "\n");
                  console.log('ErrorText: ' + ErrorText + "\n");
                  console.log('thrownError: ' + thrownError + "\n");
              }
          });</code></pre>
  </div>
  </div>
  </p>
  
  <p>But, when I send the call the value of Authorization can be easily seen by the Network Tab in the developer tools</p>
  
  <p><img src="https://i.stack.imgur.com/CCAkg.png" alt="enter image description here"></p>
  
  <p>For security purpose I need to hide this value.</p>
  
  <p>Any suggestion ?</p>