Fetch API

The Ultimate Guide to Formatting HTTP Request Bodies in Frontend: Understanding JSON, FormData, and x-www-form-urlencoded

by
The Ultimate Guide to Formatting HTTP Request Bodies in Frontend: Understanding JSON, FormData, and x-www-form-urlencoded

In actual frontend development, when interacting with backend APIs, have you ever been confused between <span>application/json</span>、<span>application/x-www-form-urlencoded</span> and <span>multipart/form-data</span>? This article will provide detailed code examples (using Fetch API and Axios) to thoroughly explain the differences, applicable scenarios, and practical applications of these three common Content-Types, allowing you to navigate the path of request body formatting … Read more

Frontend HTTP Requests: A Practical Guide to Accurately Determining Data Reception Completion

by
Frontend HTTP Requests: A Practical Guide to Accurately Determining Data Reception Completion

When users download large files and the progress stalls at 99%, or when real-time data streams suddenly interrupt without notice—these typical issues stem from neglecting to accurately determine the completion of HTTP responses. This article will delve into solving a key challenge in frontend development:How to accurately determine whether HTTP response data has been completely … Read more

How to Reliably Send HTTP Requests Before Closing Browser Tabs?

by
How to Reliably Send HTTP Requests Before Closing Browser Tabs?

We often encounter a classic scenario: the user is about to close the page or browser tab, and we need to seize this last opportunity to send some important information to the server. However, this seemingly simple requirement is fraught with challenges in practice. Traditional asynchronous requests (such as <span>fetch</span> or <span>XMLHttpRequest</span>) are highly likely … Read more

Axios vs Fetch: Which is Best for HTTP Requests?

by
Axios vs Fetch: Which is Best for HTTP Requests?

Author：Hong1 Link：https://juejin.cn/post/7381456484427628570 In front-end development, handling HTTP requests is a common and important task. JavaScript provides several ways to send network requests, with the two most popular methods being the Fetch API and Axios. Although both can accomplish the same task of sending requests from the client to the server and receiving responses, they each … Read more