問題タブ [fetch-api]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
5 に答える
20476 参照

javascript - [オブジェクト オブジェクト] を返す FETCH API

FETCH API を使用して、json ファイルに格納されている値を取得しています。その値は変数に入れる必要があります。

問題は、変数が [object Object] を値として保持してしまうことです。

json ファイルをホストしているサーバーの htaccess には、次の行があります。

jsonは次のとおりです

jsonが原因である可能性があると思います。

[object Object] が変数値である理由がわかりません。

Fetch を使用して、ホストされているテキスト ファイルを取得できますか? 試してみました - うまくいきませんでした。-代替案を考えているだけです。

0 投票する
1 に答える
235 参照

javascript - XHR プログレス イベント マイクロタスク キュー

Promise を使用して XHR を使用したい。HTML5 rocks (1) および Mozilla の Web サイト (2) で提案されている XHR Promise を作成しました。

期待どおりに動作しません。ファイルをロードして処理する次のシーケンスがあるとします。

1 つのシーケンスを実行するだけで、期待どおりに動作します。

N 個のファイルをダウンロード/処理するために Promise.all() で N 個のシーケンスを実行しようとすると、失敗します。

すべてのダウンロードは「並行して」開始され、最初の XHR リクエストが完了すると、他のファイルのダウンロードが停止され、このファイルの完全なシーケンスが実行されてから、残りのファイルのダウンロードが再開されます。次に、別のファイルが完了すると、ダウンロードをブロックし、このファイルのシーケンスを実行してから、ダウンロードを再開します。

XHR プログレス イベントがメイン タスク キューにスローされ、promise がマイクロ タスク キューを使用しているため、これは予想される動作のようです。

それは理にかなっていますか?

XHR の代わりに「フェッチ」API を使用すると期待どおりに動作するようですが、ダウンロードの進行状況を監視できないことは、私にとって大きな問題です。

この問題を回避する良い方法はありますか?

(1) http://www.html5rocks.com/en/tutorials/es6/promises/

(2) https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise

0 投票する
7 に答える
133065 参照

javascript - HTTP fetch() リクエストをキャンセルするにはどうすればよいですか?

JavaScript からリクエストを作成するための新しい API があります: fetch(). 処理中にこれらのリクエストをキャンセルするためのメカニズムが組み込まれていますか?

0 投票する
2 に答える
3782 参照

http - 反応ネイティブでフェッチポリフィルを使用してデータをキーと値のペアとして送信する

次のコードは、フェッチ ポリフィルを使用して HTTP POST リクエストを作成するものです。

このリクエストは、文字列化された JSON obj としてデータを送信します。リクエストと同様にキーと値のペアとしてデータを送信する方法はありますか? post(URL, data=payload) in Python.

0 投票する
2 に答える
8960 参照

javascript - フェッチ API キャッシュ モード

仕様によると、フェッチ API にはさまざまなキャッシュ モードがあります。("default"、"no-store"、"reload"、"no-cache"、"force-cache"、および "only-if-cached") ただし、各モードが何のためにあるのかは明確ではありません。ブラウザのサポート状況。