advice generator - JS Fetch API

Community feedback

• 

  Vahe Abovyan•1,110

  @VaheAAPosted about 2 years ago

  Due to API specifiց things, this one always returns cached response and because of that it can seem that button to request new advice does not working. To solve this, you can add to your fetch function option to not receive cached data like this.

  function getAdvice() {
   fetch("https://api.adviceslip.com/advice", {
  cache: 'no-cache'
  })
   .then(response => response.json())
   .then(data => updateUI(data))
  }
  

  Also you can try to replace then/catch with async/await.

  async function getAdvice () => {
    try {
      const response = await fetch('https://api.adviceslip.com/advice', {
        cache: 'no-cache'
      });
      const data = await response.json();
      updateUI(data)
    } catch (err) {
      alert(err.message);
    }
  };
  

  1