axios lecture for m0119

index.js

// all of these techniques allow us to do http requests using javascript 

// fetch
// which is built in to javascript and quite popular

// xmlhttp
// old school

// jquery
// old school but still used

// axios
// the most modern way to do http requests

const axios = require("axios")

axios.get("https://reqres.in/api/users?page=2")
  .then((response) => {
    console.log(response.data.data)
  })

axios.get("https://reqres.in/api/users/2")
  .then((response) => {
    console.log(response)
  })
  // the .catch handles the error
  .catch((error) => {
    // if (error.message === "something") {
    //   render 404
    // }
    console.log(error.message)
  })

const morpheus = {
  name: "morpheus",
  job: "leader"
}

axios.post("https://reqres.in/api/users", morpheus)
  .then((response) => {
    console.log(response.data)
  })