GET リクエストをフェッチするためにクエリ文字列を追加するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-10-25 21:27:03
オリジナル
734 人が閲覧しました

How to Add Query Strings to Fetch GET Requests?

Fetch GET リクエストを使用したクエリ文字列

Fetch API は、JavaScript で HTTP リクエストを作成するための最新のアプローチを提供します。デフォルトでは、Fetch を使用して作成された GET リクエストにはクエリ文字列パラメータは含まれません。 GET リクエストにクエリ文字列を追加するには、URLSearchParams インターフェイスを使用するか、クエリ文字列を手動で連結できます。

URLSearchParams の使用:

URLSearchParams インターフェイスを使用すると、次のことが可能になります。クエリ文字列を簡単に作成および操作できます。クエリ文字列パラメータを追加するには、set() メソッドを使用します。

const searchParams = new URLSearchParams();
searchParams.set('order_id', 1);

const request = new Request({
  url: 'http://myapi.com/orders',
  method: 'GET',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded'
  },
  body: searchParams.toString()
});

fetch(request);
ログイン後にコピー

クエリ文字列の連結:

または、クエリ文字列を連結することもできます。リクエスト URL に直接送信します:

const request = new Request({
  url: 'http://myapi.com/orders?order_id=1',
  method: 'GET'
});

fetch(request);
ログイン後にコピー

注: クエリ文字列を手動で連結することを選択した場合は、無効な文字によってリクエストが中断されないように、クエリ文字列が適切にエンコードされていることを確認してください。

以上がGET リクエストをフェッチするためにクエリ文字列を追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!