javascriptのfetch（）関数に追加データを送信するにはどうすればいいですか

Question

fetch()を使用して、自分の検索ページを強化するAPIエンドポイントを照会します。検索結果のリストをJSON形式で返します。

また、ユーザーから送信された現在のクエリをAPIに渡したいとします。古い実装ではjqueryとgetJSONが使用されていました。 getJSONのためのドキュメントを見ると、それは私がdata変数に渡すことができますことを言う：

 
data 
Type: PlainObject or String 
A plain object or string that is sent to the server with the request. 

Looking at the docsフェッチのために、私は私の要求の一部としてデータを渡すするかどうかはわかりません。だから私の質問は、どのように私の要求と一緒にサーバーに送信される文字列を渡すのですか？

EDIT：「/ search /？q = Something」のようにリクエストURLにクエリを追加して送信できると思います。誰か良い方法がありますか？

Answer 1

フェッチに関するドキュメントのBody sectionを見ると、リクエストで送信されたデータを指定するために使用できるいくつかのタイプの値がリストされています。 FormDataを使用して

例：あなたは（あなたがあなたのケースでやってすることができるようです）GETやHEADリクエストにbodyオプションを使用することはできません

var fd = new FormData(); 
fd.append('q', 'Something'); 

fetch('/search', { 
    method : "POST", 
    body : fd 
}) 
.then(...) 

注意。そのような状況では、URLSearchParamsを使用してパラメータを構築することができます。

var params = new URLSearchParams(); 
params.append('q', 'Something'); 

fetch('/search/?' + params.toString(), { 
    method: 'GET' 
}) 
.then(...); 

Answer 2

は、あなただけの固定の情報を取得するために構築フェッチされていない

fetch('/users', { 
    method: 'POST', 
    headers: { 
    'Content-Type': 'application/json' 
    }, 
    body: JSON.stringify({ 
    name: 'Hubot', 
    login: 'hubot', 
    }) 
})