利用 axios 实现接口共享，分页请求，表单提交

Axios 是一个基于 Promise 的 HTTP 客户端，用于欣赏器和 node.js。它可以实行多种复杂的请求操纵。以下是一些利用 Axios 实现的常见请求场景的示例。
请求共享

请求共享通常指的是确保对于雷同的请求，在一定时间内只发送一次，假如有多个地方同时发起雷同的请求，后续的请求会等待第一个请求完成后共享结果。这通常可以通过创建一个请求缓存或者利用请求锁来实现。

1. const axios = require('axios');
2. const requestCache = {};
4. function sharedRequest(url) {
5.   if (requestCache[url]) {
6.     return requestCache[url];
7.   }
9.   const promise = axios.get(url).then(response => {
10.     delete requestCache[url];
11.     return response;
12.   }).catch(error => {
13.     delete requestCache[url];
14.     throw error;
15.   });
17.   requestCache[url] = promise;
18.   return promise;
19. }
21. // 使用
22. sharedRequest('https://api.example.com/data')
23.   .then(response => {
24.     console.log(response.data);
25.   })
26.   .catch(error => {
27.     console.error(error);
28.   });

复制代码

分页请求

分页请求通常用于处理大量数据，这里是一个简单的递归函数，用于处理分页逻辑：

1. async function fetchPages(url, page = 1, results = []) {
2.   const response = await axios.get(url, { params: { page } });
3.   const data = response.data;
4.   results = [...results, ...data.items];
6.   if (data.nextPage) {
7.     return fetchPages(url, page + 1, results);
8.   } else {
9.     return results;
10.   }
11. }
13. // 使用
14. fetchPages('https://api.example.com/items')
15.   .then(allItems => {
16.     console.log('All items:', allItems);
17.   })
18.   .catch(error => {
19.     console.error(error);
20.   });

复制代码

表单提交

表单数据通常以 application/x-www-form-urlencoded 或 multipart/form-data 格式发送。以下示例展示了怎样提交表单数据：

1. const axios = require('axios');
2. const qs = require('qs'); // 使用 qs 库来序列化数据
4. const formData = {
5.   username: 'example',
6.   password: 's3cret'
7. };
9. axios.post('https://api.example.com/login', qs.stringify(formData), {
10.   headers: {
11.     'Content-Type': 'application/x-www-form-urlencoded'
12.   }
13. })
14. .then(response => {
15.   console.log(response.data);
16. })
17. .catch(error => {
18.   console.error(error);
19. });

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。