ra . eee) e Wt Axios AP! JavaScript JSPe ee) eT Whatis Axios Axios is a popular JavaScript library used for making HTTP requests from a web browser or Node,js. * Whether you're building a web app or a server-side application, Axios makes it easy to work with APIs and other HTTP services. + In this post, we'll show you how to get started with Axios, from installation to making basic GET and POST requests and handling errors, using async/await syntax.ee) e Wt Setting Up Axios To start using Axios, you'll need to install it in your project. You can do this using NPM or a CDN. Here's an example of how to install Axios using NPM: cur year Once you've installed Axios, you can include it in your HTML or JavaScript code. Here's an example of how to include Axios in your Code: one et ee mae ee CM Le ee See eee ae ete / OR if you're using a module bundler import axios from ‘axios' ;—_—_ | @CoDE.CLASH ) Basic GET Request let's make a simple GET request to retrieve data from an API using async/await syntax. Here's an example of how to make a GET request with Axios using async/await: Ceo ae csc te eae Tt meme haan Ces ott ee ae eR: (3d Od eee) eT Pena es Gres Co mere ass Caria ie console.error(error); } } fetchData(); We're using the async/await keywords to create an asynchronous function and wait for the response from the API before logging the data to the console. rPN eC ee)>) Ae WS Basic POST Request Now, let's make a simple POST request to send data. Here's an example of how to make a POST request with Axios using async/await: const postData = asyne() => { try { const response = await axios.post('https://example.com/data’, { firstName: ‘Imtiyaz', lastNeme: ‘Nandasaniya’ a console. log(response. data) ; } catch (error) { console.error(error); 0 b postData(); The data we're sending is an object with two properties: firstName and lastName. If the request is successful, the response data will be logged to the console. Ly( @CODE.CLASH ) Handling Errors HTTP requests can sometimes fail, for various reasons such as network errors or server-side errors. It's important to handle these errors gracefully in your code. Fortunately, Axios provides several options for handling errors and exceptions. Here's an example of how to handle a 404 error using ‘async/await const fetchDataasync = async() => { comet Ce eee eee SCM nee CeCe cL CML ee Coes eae ee etc Caio ie if (error.response.status === 404) { Coe ae eR ae cone console.error(error); rec te10( @CODE.CLASH ] + In this example, we're using the if statement to check if the HTTP response status is 404, which indicates that the requested data was not found. + If the status is 404, we're logging a custom error message to the console. * If the status is anything else, we're logging the original error message to the console.f @CODE.CLASH ) Conclusion + Axios is a powerful JavaScript library that makes it easy to work with HTTP requests in your web apps or Node.js projects. + Whether you need to make a simple GET request or a more complex POST request, Axios provides an intuitive and flexible API that you can use with async/await syntax to create robust and reliable applications. ¢ With this introduction to Axios and async/ await, youre well on your way to becoming a skilled JavaScript developer. + As always, | hope you enjoyed the post and learned something new. * If you have any queries then let me know in the comment box.i post about Tech, Coding and Career Follow for more content like this