window.fetchの.then（）ではなく、面倒な証明され、ローカルのJSONファイルからデータを取得するために、FirefoxとChromeでwindow.fetch（）を使用

Question

を待っている：については

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);  
 
});

何らかの理由で、最初の.then（）関数が完全なAJAX応答の前に呼び出され、約束オブジェクト（応答）が返される

これは、私がdaを得ていないために望ましくない出力につながります私はやりたいと思った。

私は私が間違っていることを私の最後に何かを見つけることができないように私は複数のドキュメントを見てきました。

アイデア？

Answer 1

もう少しGoogleをした後、私はGoogleが、この記事を見つけた：あなたは状況が解決されるのを待つためにいくつかの余分な機能を構築するために持っているようhttps://developers.google.com/web/updates/2015/03/introduction-to-fetch#chaining-promises

が見えます。これは、あなたが期待しているとおり、応答を適切に渡します。

Answer 2

投稿されたコードはそのままです。 URLを

var url = 
    "data:application/octet-stream;base64,eyJncmVldGluZyI6ICJoZWxsbyBmb2xrcyJ9Cgo="; 

（{"greeting"： "hello folks"}）に置き換えてください。

欠けているように見えるのは、.jsonファイルの解析エラーを報告する約束チェーンの.catch句です。