Scribd
Upload
7 views

Fetch API in JavaScript ??

Fetch api in js with tricks

Uploaded by

nanodix648
Copyright
© © All Rights Reserved
Available Formats
Download as PDF or read online on Scribd
7 views

Fetch API in JavaScript ??

Fetch api in js with tricks

Uploaded by

nanodix648
Copyright
© © All Rights Reserved
Available Formats
Download as PDF or read online on Scribd
You are on page 1/ 9
© Fetch API In JavaScript ° Hey Everyone © Javascript is everywhere. Millions of webpages are built on JS. in this Post, you'll learn about the JavaScript Fetch API and how to use it to make asynchronous HTTP requests. Do Like, save and Share This Post If You Found This Helpful. e Fetch API The Fetch API is a modern interface that allows you to make HTTP requests to servers from web browsers. * If you have worked with XMLHttpRequest (XHR) object. * Fetch API can perform all the tasks as the XHR object does. + Fetch API is much simpler and cleaner. ¢ It uses the Promise to deliver more flexible features to make requests to servers from the web browsers. e Sending a Request The fetch() method is available in the global scope that instructs the web browsers to send a request to a URL. * The fetch() requires only one parameter which is the URL of the resource that you want to fetch. + When the request completes, the promise will resolve into a Response object. et response = e The text() method returns a Promise that resolves with the complete contents of the fetched resource. response. QO) console. (data) ); + Besides the text() method, the Response object has other methods such as json(), blob(), formData() and arrayBuffer() to handle the respective type of data. oO Reading the Response The fetch() method returns a Promise so you can use the then() and catch() methods to handle it. + If the contents of the response are in the raw. text format, you can use the text() method. oe In practice, you often use the async/ await with the fetch() method like this: async Func rom on response = Ce ee aS Le console. (data); ( @CODE.CLASH ) The object provides the and via the and properties. asyne function lomne let response = await ('/readme.txt'); console. (response.status) ; console. (response. statusText) ; if (response.status 200) { let data = await response. OF Did you find it Useful? Leave a comment! Alamin CodePapa H (Maree Lele : 3 » 5 a (eee Repost © ) tc)

You might also like