title: Using Promise in method GET to fetch data
body: <p>I have the code below to retrieve data from the URL (example). 
  I can retrieve the data in Chrome fine but in Microsoft Edge, I cannot. 
  How can I make this work for Edge?  </p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
      &lt;html lang="en"&gt;
      &lt;head&gt;
        &lt;title&gt;Bootstrap Example&lt;/title&gt;
        &lt;meta charset="utf-8"&gt;
        &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
        &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"&gt;
        &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"&gt;&lt;/script&gt;
        &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div class="form-group"&gt;
           &lt;div class="col-sm-4"&gt;
                &lt;select id="dropdown" name="dropdown" class="form-control"&gt;
                &lt;/select&gt;
           &lt;/div&gt;
      &lt;/div&gt;
  &lt;script &gt;
      function requestData() {
  
          var promise = new Promise(function(resolve, reject) {
              let url = 'https://api.website.example';
              let req = new Request(url, {
                  method: 'GET',
                  headers: {
                      "my-api-key": "MyAPIkeyCode"
                  }
              });
  
              //fetch JSON Data and write it into console
              fetch(req)
                  .then(async r =&gt; resolve(await r.text()))
                  .catch(e =&gt; console.error('error...' + e));
  
          });
  
          return promise;
  
      }
  
  requestData()
      .then(function(response) {
          var strInnerHTML = "";
          $.each(JSON.parse(response), function(index, value) {
              strInnerHTML += '&lt;option value="' + index + '"&gt;' + value + '&lt;/option&gt;';
          });
  
          var firstIndex = '&lt;option selected="true" disabled&gt;Please Select&lt;/option&gt;'
  
          document.getElementById('dropdown').innerHTML = firstIndex + strInnerHTML;
  
  
      })
  
  &lt;/script&gt;
  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>