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

HTTP request in JS using fetch

Add Answer

Travinth Dayalaeaswaran answered on September 13, 2020 Popularity 10/10 Helpfulness 5/10

answer HTTP request in JS using fetch

related js fetch example

related return fetch javascript

related fetch get request

related javascript fetch request GET

related fetch method in js

related javascript fetch mehtod

related display fetch response js

HTTP request in JS using fetch

Comment

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

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: fetch http-request javascript using

Link to this answer
Share Copy Link

Contributed on Mar 22 2023

Travinth Dayalaeaswaran

0 Answers Avg Quality 2/10

Closely Related Answers

js fetch example

Comment

const fetchData = async () => {
        try {
            const response = await fetch('http://example.com/', {
                method: 'POST',
                headers: {
                    'Accept': 'application/json',
                    'Content-Type': 'application/json',
                    'X-My-Custom-Header': '123', //optional 
                },
                body: JSON.stringify({
                    firstParam: 'yourValue',
                    secondParam: 'yourOtherValue',
                    // ...
                }),
            });
            const json = await response.json();
        } catch (error) {
            console.error(error);
        }
    }

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Nov 08 2023

Troubled Turtle

0 Answers Avg Quality 2/10

return fetch javascript

Comment

async function yourFunction() { //Most compact way to return a fetch
    const response = await fetch('some-url', {}); 
    const json = await response.json();
    return json; //do here wathever with your json if you want to return
}				//a specific part of it.

yourFunction().then(resp => {
    console.log(resp); //Here you get the function response and print it
});

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Oct 19 2022

Armandres

0 Answers Avg Quality 2/10

fetch get request

Comment

// Example POST method implementation:
async function postData(url = '', data = {}) {
  // Default options are marked with *
  const response = await fetch(url, {
    method: 'POST', // *GET, POST, PUT, DELETE, etc.
    mode: 'cors', // no-cors, *cors, same-origin
    cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
    credentials: 'same-origin', // include, *same-origin, omit
    headers: {
      'Content-Type': 'application/json'
      // 'Content-Type': 'application/x-www-form-urlencoded',
    },
    redirect: 'follow', // manual, *follow, error
    referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
    body: JSON.stringify(data) // body data type must match "Content-Type" header
  });
  return response.json(); // parses JSON response into native JavaScript objects
}

postData('https://example.com/answer', { answer: 42 })
  .then(data => {
    console.log(data); // JSON data parsed by `data.json()` call
  });

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: developer.mozilla.org

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Sep 13 2020

Agreeable Alligator

0 Answers Avg Quality 2/10

javascript fetch request GET

Comment

// Update fields in form based on API GET request
function update_form_fields(term, field){ 
  fetch("/api/profiles/?format=json")
    .then((response)=>{
    return response.json();
  }).then((data) => {
    let profile = data.find(el => el[field] == term);      
    document.getElementById("name-input").value = profile.name;
    document.getElementById("email-input").value = profile.email;
  });}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Dec 16 2021

Trained Tuna

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

javascript fetch mehtod

Comment

//feth method 

// - take the url as parameter
// - return a promise
// - pass response when resolved
// - pass error when rejected
// - the response has the http response information
// - use the .json() is used to get the body of the response
// - .json return a promise
// - resolve the promise with data as the argument

        fetch("test.json")
            .then(response =>{
                return response.json();
            }).then(data=>{
                document.body.innerHTML = data.name;
                console.log(data)
            }).catch(error =>{
                console.error(error)
            })

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: www.codegrepper.com

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Oct 28 2021

Dizzy Dugong

0 Answers Avg Quality 2/10

display fetch response js

Comment

// This will give you a response status code
console.log(response.status)

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: display

Link to this answer
Share Copy Link

Contributed on Jan 06 2022

0xTony143

0 Answers Avg Quality 2/10

HTTP request in JS using fetch

Contents

More Related Answers

HTTP request in JS using fetch

Closely Related Answers

js fetch example

return fetch javascript

fetch get request

javascript fetch request GET

fetch method in js

javascript fetch mehtod

display fetch response js

Grepper

Documentation

Social

Legal

Contact

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