How to make a rest post call from ReactJS code?

reactjs reactjs-flux reactjs-native
Divya picture Divya · Jul 21, 2016 · Viewed 208.2k times · Source

I am new to ReactJS and UI and I wanted to know how to make a simple REST based POST call from ReactJS code.

If there is any example present it would be really helpful.

Answer

Malvolio picture Malvolio · Jul 21, 2016

Straight from the React docs:

fetch('https://mywebsite.com/endpoint/', {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    firstParam: 'yourValue',
    secondParam: 'yourOtherValue',
  })
})

(This is posting JSON, but you could also do, for example, multipart-form.)

Related questions

Why use Redux over Facebook Flux?

I've read this answer, reducing boilerplate, looked at few GitHub examples and even tried redux a little bit (todo apps). As I understand, official redux doc motivations provide pros comparing to traditional MVC architectures. BUT it doesn't provide an answer …

Read More
How to toggle boolean state of react component?

I'd like to know how to toggle a boolean state of a react component. For instance: I have boolean state check in the constructor of my component: constructor(props, context) { super(props, context); this.state = { check: false }; }; I am trying …

Read More
How to submit a form using Enter key in react.js?

Here is my form and the onClick method. I would like to execute this method when the Enter button of keyboard is pressed. How ? N.B: No jquery is appreciated. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.…

Read More