AJAX stands for Asynchronous JavaScript and XML. It is a way for front-end code to communicate with the backend by making asynchronous API calls.\nIt allows you to update small parts of a web page, rather than refreshing the whole page.\nFor example: Posting a tweet on Twitter. The tweet will appear after you press “submit”, but the page itself will not be reloaded.
\nA thread of execution in computer science is a way for a program to divide (termed \"split\") itself into two or more simultaneously running [tasks].
\nJavascript runs in a single thread, which simply means it runs one command at a time. Events are queued and executed in the order they are written.
\nYou can basically use it to get data from different APIs.
\n$.ajax(\"some-url\", {\n success: data => {\n /* do something with the data */\n },\n error: err => {\n /* do something when an error happens */\n },\n})The Fetch API provides an interface for fetching resource. It is similar to the XMLHttpRequest, but the new API provides a more powerful and flexible feature set.
Getting data with Fetch is easier. You just need to provide Fetch with the resource you're trying to fetch.
\nasync function getData() {\n //await the response of the fetch call\n let response = await fetch(\"https://api.github.com/users\")\n //proceed once the first promise is resolved.\n let data = await response.json()\n //proceed only when the second promise is resolved\n return data\n}\n//call getData function\ngetData().then(data => console.log(data))\n//To do something after the resource is fetched, you write it in a `.then` call:Fetch returns a Promise, which is a way to handle asynchronous operations without the need for a callback.
\nSupport for Fetch is great. All major browsers (with the exception of Opera Mini and old IE) support it natively, which means you can safely use it. If you need support anywhere it isn't natively supported, you can always depend on this handy polyfill.
","excerpt":"What is AJAX? AJAX stands for Asynchronous JavaScript and XML. It is a way for front-end code to communicate with the backend by making asynchronous API calls…","frontmatter":{"date":"25 February, 2020","path":"/blog/ajax","title":"Let's fetch AJAX "},"fields":{"readingTime":{"text":"3 min read"}}}},"pageContext":{}}}