ajaxをfetch apiで書き変えた時に、getリクエストにクエリパラメータをつける方法がわからず詰まってしまったのでメモ。
fetchにはgetリクエストにクエリパラメータをつける方法が用意されていないようです。
この点、ajaxメソッドはわかりやすくクエリパラメータを付与できたのはメリットだったと思います。
ただ、以下の方法でクエリパラメータを付与してfetchを書くことができました。
悩んでいる方は是非参考にしてみてください。またもっとい書き方があれば、是非教えてください。
const params = { // 渡したいパラメータをJSON形式で書く
a: xxxx,
b: xxxx,
c: xxxx,
};
const query_params = new URLSearchParams(params);
fetch('${リクエストを送りたいURL}?' + query_params)
.then(response => response.json())
.then(response => {
// 実行したい処理を記述
});