Banner 1

Ajax Redux

Using Ajax fetch and an API, I learned how to create websites with functionality that allows users to pull data without having to reload the page. Although usually for granted, this feature is a huge deal when it comes to UX/UI.

Study Section

Step 1

With Ajax calls, possibilities seem endless. Making an AJAX (Asynchronous JavaScript and XML) call involves using JavaScript to send a request to a server, typically to fetch data or perform some action, without needing to reload the entire webpage.

Step 2

In this project, I started off by studying the API to learn about what I'm working with and to read any documentation provided.

Step 3

I then started with coding the base HTML and Javascript.

Step 6

Finally, I used some CSS to style my webpage leaving me with a modern-looking webpage.

Step 5

With the information gathered in the first step, I set up the webpage how I wanted using the attribute strings from the API.

Step 4

Using the documentation, I setup a XMLHttpRequest Object allowing my to access the public API.