js fetch 'post' json
//Obj of data to send in future like a dummyDb const data = { username: 'example' }; //POST request with body equal on data in JSON format fetch('https://example.com/profile', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify(data), }) .then((response) => response.json()) //Then with the data from the response in JSON... .then((data) => { console.log('Success:', data); }) //Then with the error genereted... .catch((error) => { console.error('Error:', error); }); // Yeah
Source: developer.mozilla.org
javascript fetch api post
fetch('https://example.com/profile', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ 'foo': 'bar' }), }) .then((res) => res.json()) .then((data) => { // Do some stuff ... }) .catch((err) => console.log(err));
fetch api javascript
fetch('http://example.com/songs') .then(response => response.json()) .then(data => console.log(data)) .catch(err => console.error(err));
fetch api javascript
fetch('http://example.com/movies.json') .then((response) => { return response.json(); }) .then((myJson) => { console.log(myJson); });
fetch api in js
// fetch API var myData = async () => { try { const raw_response = await fetch("https://jsonplaceholder.typicode.com/users"); if (!raw_response.ok) { // check for the 404 errors throw new Error(raw_response.status); } const json_data = await raw_response.json(); console.log(json_data); } catch (error) { // catch block for network errors console.log(error); } } fetchUsers();
Fetch API Example
fetch(file) .then(x => x.text()) .then(y => myDisplay(y));