## Getting JSON from HTTP request

JavaScript functions are often asynchronous -- the script continues to run before a step has completed!

You can use `async` with `await` or you can chain steps in sequence with `fetch.then().then()`

### Javascript "fetch"

- MDN: Using Fetch
- MDN: Arrow Functions
- Introduction to Arrow Functions

### async/await

    async function fetchData() {
      try {
        const response = await fetch('https://api.example.com/data');
        const data = await response.json();
        console.log(data);
      } catch (error) {
        console.error('Error:', error);
      }
    }

### fetch().then().then()

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