title: How Set Authorization headers at HTML Form or at A href
body: <p>I have this code:</p>
  
  <pre><code>            $.ajax({
                  url: "http://localhost:15797/api/values",
                  type: 'get',
                  contentType: 'application/json',
                  headers: {
                      "Authorization": "Bearer " + token
                  }
              })
  </code></pre>
  
  <p>works fine, but I want to do that without using Ajax, I want something like that: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>        &lt;form action="http://localhost:15797/api/values" method="get"&gt;
              &lt;input type="hidden" name="headers[Authorization]" value="Bearer token" /&gt;
              &lt;input type="submit" /&gt;
          &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Is it possible? Or just do something like that without XMLHttpRequest? How?</p>