問題タブ [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 投票する
11 に答える
267343 参照

javascript - JS fetch API を使用してファイルをアップロードするにはどうすればよいですか?

私はまだ頭を包み込もうとしています。

ファイル入力を使用して、ユーザーにファイル (または複数) を選択させることができます。

submitを使用してイベントをキャッチでき<fill in your event handler here>ます。しかし、一度送信したら、どうすればファイルを送信できますfetchか?

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

service-worker - Event.respondWith が終了したことを知る方法 (Event.respondWith() のコールバック)

現在、ServiceWorker には、特定の event.respondWith() が終了したかどうかを Service Worker 内で確認する必要があるロジックがあります。その後、キャッシュを削除する必要があります。それを知る方法はありますか。そのイベントを確認しました.respondWith() には then() または callback がありません。

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

javascript - Service Worker での Fetch API エラー

LastFM API から画像をキャッシュしようとしています。現在、API 応答自体は正常にキャッシュされ、ページは期待どおりに読み込まれますが、画像はありません。

開発者コンソールを見ると、画像の取得に関するいくつかのエラーが表示されます。それらは次のとおりです。

Fetch API がhttp://img2-ak.lst.fm/i/u/300x300/a32cb06bb22bc5d10654a5156fe78cf6.pngを読み込めません。親ドキュメント ページがアンロードされました。

私はサービスワーカーに非常に慣れていないため、髪を引き裂きました(いいえ、文字通りではありません)。

私はいくつかのチュートリアルに従いましたが、これは私がこれまでに得たコードです (無関係なコードは削除されています)。

私は明らかに何か間違ったことをしていますが、それが何であるかを説明するよりも経験豊富な人はいますか?

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

javascript - window .fetch を使用してローカル json データをロードする方法 (ES6)

ES6構文を使用して(webpack経由でjson-loaderを使用して)ロードするJSONオブジェクト(agendaItemsJson)があります。以下を使用すると、fetch が URL を解析しようとしていて、agendaItemsJson がオブジェクトであるため、エラーが発生します。

したがって、私の質問は、これを正しく模倣して、promise を使用し、agendaItemsJson を応答として取得できるようにするにはどうすればよいかということです。

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

javascript - React Native Fetch: 2 番目の promise のハング

React Native のフェッチに関する奇妙な問題。以前は機能していましたが、何を変更したかはわかりませんが、機能しなくなりました。

問題は、最初の 'got login response' メッセージが表示されるが、その後ハングするだけで、'got login json' を起動する画面を押すまで何も起こらず、期待どおりに続行することです。

これは一貫して発生しており、2 番目の .then() が自動的に起動しない理由がわからないため、イライラします。

どんな助けでも大歓迎です。

編集: 同様の質問が見つかりました:何が反応ネイティブでこの遅いフェッチを引き起こしている可能性がありますか?

すでに見られているようです:https://github.com/facebook/react-native/issues/6679

また、この動作は、Chrome デバッグ ツールが有効になっている場合にのみ見られます...興味深い

0 投票する
4 に答える
134672 参照

cors - 不透明な応答とは何ですか? また、それはどのような目的に役立ちますか?

fetch古いウェブサイトの URL にアクセスしようとすると、エラーが発生しました。

私はメッセージを理解し、不透明な応答を返すリクエストを実行しようとしました:

わかりました、動作するようになりました...しかし、私はそれを読むことができません。=\

それでは、不透明な応答の目的は何ですか?

0 投票する
3 に答える
52420 参照

javascript - Javascript でのフェッチによる相対パス

今日、Javascript で相対パスを使用した経験に驚きました。状況を次のように要約しました。

次のようなディレクトリ構造があるとします。

app.htmlがすることはすべて実行することですjs/app.js

app.jsJSON ファイルをロードし、 の先頭に貼り付けますbody:

データは有効な JSON であり、単なる文字列です。

これはかなり最小限fetchの. とが同じディレクトリ ( )にあるため、このパスが機能すると思います。fetchapp.htmlapp.jsdata.jsonapp.jsjs/

これが事実である理由についての説明はありますか?

0 投票する
0 に答える
307 参照

web-scraping - Fetch API と CasperJS

XHR の代わりに、Web アプリ (React で作成) がFetch APIを使用して非同期呼び出しを行う点を除いて、このスレッドと非常によく似た処理を実行しようとしています。

フェッチを傍受/上書きするエレガントな方法はありますか? 基本的に、サイトが実行している各 AJAX 呼び出しを確認し、そこからデータを取得したいと考えています。事後にサイトに表示されているように取得することもできましたが、JSON は HTML よりも扱いやすいことは誰もが知っています。このサイトは STATEFUL であるため、URL を再送信することはできません。

次のようなラッパーを書いてみました:

しかし、「Untitled suite」エラーが発生し、Fetch を実装するために require() できるものが見つかりません。

何かご意見は?ありがとう!

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

javascript - ASP.NET MVC - JSON Fetch POST を自動的に逆シリアル化する

github/fetch ポリフィルを使用して、データをサーバーに送り返しています。

ただし、コントローラーは、フォーム変数から行うように、リクエストの本文を引数のデータ オブジェクトに自動的に逆シリアル化しません。ただし、XmlHttpRequest を使用してこれを行うと、機能します。

コントローラーでリクエストを受信する関数は、現時点では非常に単純です-何もしません。次を使用して、json本体をデータオブジェクトに非シリアル化するようにしようとしています:

はい、jsonライブラリを使用して関数内でこれを自分で逆シリアル化できますが、コントローラーにそれを実行させる方法を見つけたいと思います。

アップデート:

これは、デシリアライズしようとしている .net オブジェクトです。