Как выполнить ПОСТ запрос с параметрами бади и хэдер?

Question

[Nikita Gimon]

Прошу помочь выполнить пост запрос для получения json

constructor(){
    super();
    this.state = {
      assets: []
    }
  } 

componentDidMount() {
    fetch('3.xxx.xx.xxx:8080/assets', {
      method: 'post',
      headers: "Content-Type: application/x-www-form-urlencoded",
      body: "key=ecmdecmedmjrjekrkl"
    })
    .then(assets => this.setState({assets}, () => console.log('Fetched!')))
  }

Error:
Unhandled Rejection (TypeError): Failed to execute 'fetch' on 'Window': The provided value is not of type

Comments

[qoso]

Как выполнить ПОСТ запрос с параметрами бади и хэдер?

Допустим

Прошу помочь выполнить пост запрос для получения json

Почему json, а не джсон? Стиль нужно до последнего выдерживать

Answer 1

[Антон Спирин]

const form = new FormData();
form.append('key', 'ecmdecmedmjrjekrkl');

fetch('/some-path', {
  method: 'POST',
  headers: "Content-Type: application/x-www-form-urlencoded",
  body: form,
}).then(assets => this.setState({assets}, () => console.log('Fetched!')));

По-хорошему, ваше приложение должно взаимодействовать с сервером по REST API, данные передаваться в формате JSON.

Захардкоженный ключ доступа не лучшее решение.