URL のクエリー文字列の操作？URLSearchParamsの使い方

クエリ文字列（URLパラメーター）とは？

クエリ文字列（URLパラメーター）とは、サーバーに情報を送るためにURLの末尾につけ足す文字列（変数）のこと。「?」をURLの末尾につけ、その次に「パラメーター＝値」をつけ、複数のパラメーターをつけたい場合は「&」を使用します。この形式で、サーバーに送信したいデータをURLにつけ加えることが可能。

基本のURLが

https:// ○△×□.jp/

だとして、基本のURLにクエリ文字列（URLパラメーター）を加えると

https:// ○△×□.jp/?●=▲×■&○=△×□

下のURLの?●=▲×■&○=△×□の部分が、クエリ文字列（URLパラメーター）です。

URLSearchParams とは

URLSearchParamsインターフェイスは URL のクエリー文字列の操作に役立つメソッドを定義します。

URLSearchParams.append()

URLSearchParams インターフェイスの append() メソッドは、指定されたキー/値のペアを新しい検索パラメーターとして追加します。

index.js

URLSearchParams.append(name, value) //基本構文

index.js

const data = new URLSearchParams();
data.append('name', categoryName); // name: categoryName

参考

URLSearchParams