![pure edge forms pure edge forms](https://i.vimeocdn.com/filter/overlay?src0=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F1107260754-87ae503857e70782cda50e630bac7fe8b5e73fc8e4e538aaedf4be7c6198dca3-d_1280x719&src1=https%3A%2F%2Ff.vimeocdn.com%2Fimages_v6%2Fshare%2Fplay_icon_overlay.png)
No one likes the theory, but it actually may help here. Instead, you get the message right there like "you've been subscribed, check your email". You fill out the name and an email address, click send, and the site doesn't refresh. A client (your browser) sends Request to some server, and the server returns a Response, which then client processes.Īnother example of AJAX in action is when you are presented with a newsletter signup form on some site. ⚠️ This is an important concept to remember: web works in a Request/Response kind of a way. If you click on one of these items in the Name column and then click the Response tab, you'll see the actual response that the server sent back. Very important to note here is that the site didn't reload. If you also select the XHR filter and start writing something in the search bar, you'll start seeing the AJAX requests. On Chrome, you can do that with right-clicking a mouse and selecting Inspect, and then clicking in the Network tab. For example, load the Google website in your browser, and open the dev tools. I'd argue that you can see it in action on any decent webpage nowadays. Namely, if you come across a site on which you fill out a form and submit it, and then it has to reload, the site basically screams at you: "OOOOOLD!". Not to mention that nowadays this is the defacto standard. This behavior makes your site feel faster and more responsive.
![pure edge forms pure edge forms](https://www.pdffiller.com/preview/100/57/100057552/large.png)
![pure edge forms pure edge forms](https://docplayer.net/docs-images/44/13915884/images/page_3.jpg)
This is the direct opposite of when you execute something synchronously - in that case, you have to wait for it to finish before moving on to another task.
#Pure edge forms how to#
In this, beginner oriented, post I'll show you how to make AJAX calls in pure JavaScript, step by step with few examples.