var myHeaders = new Headers();</p> <p>var myInit = { method: ‘POST’,<br /> headers: myHeaders,<br /> mode: ‘cors’,<br /> cache: ‘default’ };</p> <p>fetch(‘flowers.jpg’,myInit)<br /> .then(function(response) {<br /> return response.blob();<br /> })<br /> .then(function(myBlob) {<br /> var objectURL = URL.createObjectURL(myBlob);<br /> myImage.src = objectURL;<br /> });</p> <p>

(async () => {<br /> const rawResponse = await fetch(‘https://httpbin.org/post’, {<br /> method: ‘POST’,<br /> headers: {<br /> ‘Accept’: ‘application/json’,<br /> ‘Content-Type’: ‘application/json’<br /> },<br /> body: JSON.stringify({a: 1, b: ‘Textual content’})<br /> });<br /> const content = await rawResponse.json();</p> <p> console.log(content);<br /> })();

fetch(‘https://example.com/profile’, {<br /> method: ‘POST’,<br /> headers: { ‘Content-Type’: ‘application/json’ },<br /> body: JSON.stringify({<br /> ‘foo’: ‘bar’<br /> }),<br /> })<br /> .then((res) => res.json())<br /> .then((data) => {<br /> // Do some stuff …<br /> })<br /> .catch((err) => console.log(err));

//Obj of data to send in future like a dummyDb<br /> const data = { username: ‘example’ };</p> <p>//POST request with body equal on data in JSON format<br /> fetch(‘https://example.com/profile’, {<br /> method: ‘POST’,<br /> headers: {<br /> ‘Content-Type’: ‘application/json’,<br /> },<br /> body: JSON.stringify(data),<br /> })<br /> .then((response) => response.json())<br /> //Then with the data from the response in JSON…<br /> .then((data) => {<br /> console.log(‘Success:’, data);<br /> })<br /> //Then with the error genereted…<br /> .catch((error) => {<br /> console.error(‘Error:’, error);<br /> });</p> <p>// Yeah

fetch(‘https://jsonplaceholder.typicode.com/posts’, {<br /> method: ‘POST’,<br /> headers: {<br /> ‘Content-Type’: ‘application/json’,<br /> },<br /> body: JSON.stringify({<br /> // your expected POST request payload goes here<br /> title: “My post title”,<br /> body: “My post content.”<br /> })<br /> })<br /> .then(res => res.json())<br /> .then(data => {<br /> // enter you logic when the fetch is successful<br /> console.log(data)<br /> })<br /> .catch(error => {<br /> // enter your logic for when there is an error (ex. error toast)<br /> console.log(error)<br /> })<br />

fetch(‘https://httpbin.org/post’, {<br /> method: ‘POST’,<br /> headers: {<br /> ‘Accept’: ‘application/json, text/plain, */*’,<br /> ‘Content-Type’: ‘application/json’<br /> },<br /> body: JSON.stringify({a: 7, str: ‘Some string: &=&’})<br /> }).then(res => res.json())<br /> .then(res => console.log(res));

const response = await fetch(“https://reqbin.com/echo/post/json”, {<br /> method: ‘POST’,<br /> headers: {<br /> ‘Accept’: ‘application/json’,<br /> ‘Content-Type’: ‘application/json’<br /> },<br /> body: `{<br /> “Id”: 78912,<br /> “Customer”: “Jason Sweet”,<br /> “Quantity”: 1,<br /> “Price”: 18.00<br /> }`,<br /> });</p> <p>response.json().then(data => {<br /> console.log(data);<br /> });

fetch(“/echo/json/”,<br /> {<br /> headers: {<br /> ‘Accept’: ‘application/json’,<br /> ‘Content-Type’: ‘application/json’<br /> },<br /> method: “POST”,<br /> body: JSON.stringify({a: 1, b: 2})<br /> })<br /> .then(function(res){ console.log(res) })<br /> .catch(function(res){ console.log(res) })