微信公众号
扫描关注微信公众号
博客大厅

axios 常用的请求方式有哪些?

原创 来源:博客站 阅读 0 02月20日 14:44 听全文

axios 常用的请求方式主要包括以下几种:

GET 请求:

用于从服务器获取数据。 可以带参数,参数会附加在 URL 后面,形成查询字符串。 示例代码: javascript复制代码axios.get('/data.json', { params: { id: 12 } }) .then(res => { console.log(res); }) .catch(err => { console.log(err); }); 或者 javascript复制代码axios({ method: 'get', url: '/data.json', params: { id: 12 } }) .then(res => { console.log(res); });

POST 请求:

主要用于向服务器发送数据,如提交表单和上传文件。 数据可以放在请求体中,格式可以是 application/json 或 form-data 等。 示例代码: javascript复制代码axios.post('/submit', { msg: 'Hello, World!' }) .then(response => { console.log(response.data); }) .catch(error => { console.log(error); }); 对于文件上传,可以使用 FormData 对象: javascript复制代码let formData = new FormData();formData.append('file', fileInput.files[0]);axios({ method: 'post', url: '/upload', data: formData, headers: { 'Content-Type': 'multipart/form-data' }}).then(response => { console.log(response.data);}).catch(error => { console.log(error);});

PUT 请求:

用于更新服务器上的数据,通常会将所有数据推送到服务端。 与 POST 请求类似,但请求方法不同。 示例代码: javascript复制代码axios.put('/update/1', { updatedMessage: 'Updated Message' }) .then(response => { console.log(response.data); }) .catch(error => { console.log(error); });

PATCH 请求:

也用于更新数据,但只将修改的数据推送到后端,适用于数据量较大的情况下的部分更新。 示例代码: javascript复制代码axios.patch('/update/1', { keyToUpdate: 'NewValue' }) .then(response => { console.log(response.data); }) .catch(error => { console.log(error); });

DELETE 请求:

用于从服务器删除数据。 参数可以放在 URL 上,也可以像 POST 请求一样放在请求体中(但通常放在 URL 上更常见)。 示例代码: javascript复制代码axios.delete('/delete/1') .then(response => { console.log(response.data); }) .catch(error => { console.log(error); }); 或者带参数的请求体方式(不常见): javascript复制代码axios.delete('/delete', { data: { id: 1 } }) .then(response => { console.log(response.data); }) .catch(error => { console.log(error); });

此外,axios 还支持并发请求、拦截请求和响应、转换请求数据和响应数据、取消请求、自动转换 JSON 数据以及客户端支持防御 XSRF 等高级功能。这些功能可以根据具体需求进行配置和使用。

学在每日,进无止境!更多精彩内容请关注微信公众号。
原文出处: 内容由AI生成仅供参考,请勿使用于商业用途。如若转载请注明原文及出处。
出处地址:http://www.07sucai.com/tech/439.html
版权声明:本文来源地址若非本站均为转载,若侵害到您的权利,请及时联系我们,我们会在第一时间进行处理。
轻松 一刻