title: window.fetch .then(), not waiting
body: <p>Using window.fetch() in Firefox and Chrome to get data from a local JSON file, is proving troublesome:</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-js lang-js prettyprint-override"><code>var url = "http://sandbox.ccchapel.com/Thy-Kingdom-Come/data/outreach-spree.json";
  var request = new Request(url, {
          method: 'get',
          mode: 'no-cors'
      });
  
  fetch(request).then(function(response) { 
      console.log(response);
      return response.json();
  }).then(function(j) {
      console.log(j);    
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>For whatever reason, the first .then() function is being called prior to the full AJAX response, resulting in promise object (response) being
      <code>&lt;state&gt;: "pending"</code></p>
  
  <p>Which leads to an unwanted output as I'm not getting the data I wanted to get.</p>
  
  <p>I've looked at multiple documents on I can't seem to find anything on my end that I'm doing incorrectly.</p>
  
  <p>Any ideas?</p>