Как в JS сделать POST-запрос через fetch?

Question

[Soul1]

Есть пример POST-запроса на Python:

spoiler

import requests

data = {
    'grant_type': ***,
    'client_id': ***,
    'client_secret': ***
}
url = ***
token = requests.post(url, data).json()['access_token']

Как сделать аналогичный запрос в JS?
Пробовал вторым аргументом в fetch передавать data и указывать тип запроса POST, ничего не работает, приходит ответ 401 (код внутри async функции).

spoiler

var url = ***
var token = await fetch(url, {
        'method': 'POST',
        'grant_type': ***,
        'client_id': ***,
        'client_secret': ***
}).then(r => r.json()['access_token']);

Answer 1

[Rsa97]

Если данные передаются как multipart/form-data, то:

const data = new FormData();
data.append('grant_type',  ...);
data.append('client_id', ...);
data.append('client_secret', ...);

const response = await fetch(
  url,
  {
    method: 'POST',
    body: data
  }
);

const token = await response.json();

Comments

[Soul1]

Огромное спасибо!
Ваше решение работает, значит действительно данные передаются в виде form-data.

Странно, что в Python данные спокойно передаются в виде словаря, а в JS нет.

[Soul1]

Аналогичная проблема возникла теперь с GET-запросом. В Python запрос выглядит так:

result = requests.get(url, {'access_token': token}).json()

В JS попробовал вашим способом:

spoiler

const data = new FormData()
data.append('access_token',  token)
var result = await fetch(url,
    {
        method: 'GET',
        body: data
    }
)

Получил ошибку, что в GET-запросе нельзя передавать body. Попробовал body: data заменить на access_token: token, приходит ответ, что неверный токен. Хотя токен точно правильный.

[Rsa97]

Soul1, В GET данные могут быть только в адресной строке.

const response = await fetch (`${url}?access_token=${token}`);

Answer 2

[zkrvndm]

Пробуй так:

var url = 'https://адрес_запроса';

var data = {
    'grant_type': ***,
    'client_id': ***,
    'client_secret': ***
};

var response = await (await fetch(url, {
	'method': 'POST',
	'headers': {
		'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
	},
	'body': new URLSearchParams(data).toString()
})).json();

console.log('Ответ сервера:');
console.dir(response);

console.log('Токен:');
console.dir(response['access_token']);