Breaking News: Grepper is joining You.com. Read the official announcement!

fetch api in js

Add Answer

Outlander answered on February 10, 2020 Popularity 10/10 Helpfulness 4/10

answer fetch api in js

related fetch api javascript

related Javascript fetch api

related javascript fetch

related fetch api javascript

related js fetch api

related fetch api javascript

related fetch method in js

related fetch API javascript

fetch api in js

Comment

// 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();

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: fetch-api javascript

Link to this answer
Share Copy Link

Contributed on Dec 14 2020

Outlander

0 Answers Avg Quality 2/10

Closely Related Answers

fetch api javascript

Comment

178

fetch('http://example.com/songs')
	.then(response => response.json())
	.then(data => console.log(data))
	.catch(err => console.error(err));

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: fetch-api fetc

Link to this answer
Share Copy Link

Contributed on Apr 22 2020

Bewildered Booby

0 Answers Avg Quality 2/10

fetch api javascript

Comment

fetch('http://example.com/movies.json')
  .then((response) => {
    return response.json();
  })
  .then((myJson) => {
    console.log(myJson);
  });

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: fetch-api fetc

Link to this answer
Share Copy Link

Contributed on Feb 10 2020

Gleaming Gemsbok

0 Answers Avg Quality 2/10

Javascript fetch api

Comment

fetch('https://example.com/path', 
      {method:'GET', 
       headers: {
         'Authorization': 'Basic ' + btoa('login:password') //use btoa in js and Base64.encode in node
       }
      })
.then(response => response.json())
.then(json => console.log(json));

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: fetch-api fetc

Link to this answer
Share Copy Link

Contributed on Jan 09 2022

Different Dolphin

0 Answers Avg Quality 2/10

javascript fetch

Comment

async function postData() {
  // Define the URL of the resource you want to access
  const url = "https://example.com/api/endpoint";

  // Define the data you want to send in the request
  const data = {
    name: "John Doe",
    email: "johndoe@example.com"
  };

  // Use the `fetch` function to make a POST request to the URL
  const response = await fetch(url, {
    method: "POST", // specify that you want to make a POST request
    body: JSON.stringify(data), // convert the data object to a JSON string
    headers: {
      "Content-Type": "application/json" // set the content type of the request
    }
  });

  // Check the status code of the response to make sure it was successful
  if (response.ok) {
    // If the request was successful, get the data from the response
    const result = await response.json();

    // Do something with the data here
    console.log(result);
  } else {
    // If the request was not successful, handle the error here
    console.error("Error:", response.statusText);
  }
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Dec 12 2022

Jerome Scott

0 Answers Avg Quality 2/10

fetch api javascript

Comment

fetch('https://apiYouWantToFetch.com/players') // returns a promise
  .then(response => response.json()) // converting promise to JSON
  .then(players => console.log(players)) // console.log to view the response

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: fetch-api fetc

Link to this answer
Share Copy Link

Contributed on Sep 01 2020

0 Answers Avg Quality 2/10

js fetch api

Comment

fetch('http://example.com/songs')
	.then(response => response.json())
	.then(data => console.log(data))
	.catch(err => console.error(err));

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: developer.mozilla.org

Tags: fetch-api fetc

Link to this answer
Share Copy Link

Contributed on Feb 27 2023

Shah Solayman Sinha

0 Answers Avg Quality 2/10

fetch api javascript

Comment

async function getData() {
  const url = "https://example.org/products.json";
  try {
    const response = await fetch(url);
    if (!response.ok) {
      throw new Error(`Response status: ${response.status}`);
    }

    const json = await response.json();
    console.log(json);
  } catch (error) {
    console.error(error.message);
  }
}

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: developer.mozilla.org

Tags: fetch-api javascript javascrip

Link to this answer
Share Copy Link

Contributed on Jul 21 2024

Manish Bhusal

0 Answers Avg Quality 2/10

fetch method in js

Comment

import React, { useEffect, useState } from "react";

function App() { 
  const [user, setUser] = useState([]);

  const fetchData = () => {
    return fetch("https://jsonplaceholder.typicode.com/users")
          .then((response) => response.json())
          .then((data) => setUser(data));
  }

  useEffect(() => {
    fetchData();
  },[])

  return (
    <main>
      <h1>User List</h1>
      <ul>
        {user && user.length > 0 && user.map((userObj, index) => (
            <li key={userObj.id}>{userObj.name}</li>
          ))}
      </ul>
    </main>
  );
}

export default App;

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: statusneo.com

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Nov 03 2022

Manali Akabari

0 Answers Avg Quality 2/10

fetch API javascript

Comment

-1

try {
  const response = await fetch('https://restcountries.com/v4.1/all');
  if (response.ok) {
    console.log('Promise resolved and HTTP status is successful');
    // ...do something with the response
  } else {
    console.error('Promise resolved but HTTP status failed');
  }
} catch {
  console.error('Promise rejected');
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: dev.to

Tags: fetch-api fetc

Link to this answer
Share Copy Link

Contributed on Dec 04 2023

Corentin

0 Answers Avg Quality 2/10

fetch api in js

Contents

More Related Answers

fetch api in js

Closely Related Answers

fetch api javascript

fetch api javascript

Javascript fetch api

javascript fetch

fetch api javascript

js fetch api

fetch api javascript

fetch method in js

fetch API javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.