axios之post与get请求

最新推荐文章于 2023-07-31 10:27:10 发布
最新推荐文章于 2023-07-31 10:27:10 发布
阅读量3.4k 收藏 8
点赞数 2
分类专栏： 后台 axios 文章标签： vue.js html vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46145739/article/details/113770906
版权
本文介绍了axios作为HTTP库的使用，特别是它在Vue.js项目中的GET和POST请求操作。详细阐述了get请求的使用，包括添加cdn、get请求的格式及成功与失败的回调。同时讲解了post请求的结构，通过实例展示了如何发送POST数据。
摘要由CSDN通过智能技术生成

axios之post与get请求

axios之post与get请求，如果觉得本片文章对你有帮助期待您的三连，关注公众号获取更多资讯
在这里插入图片描述

文章目录

前言

提示：这里可以添加本文要记录的大概内容：
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

提示：以下是本篇文章正文内容，下面案例可供参考

一、axios是什么？

axios 是功能强大的网络请求库，基于promise的http库，可以发送get、post请求，也是Vue，React的出现促使axios轻量级库的出现。

二、vue.js+axios的get与post请求

1.get请求

使用cdn：千万不要忘记使用axios前加上以下代码

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

axios的get用法，有点像固定公式，不过最好理解记忆，这里地址和key之间用？间隔，其次分两种情况，成功时回调函数于失败时回调函数

axios.get(地址？key=value&key2=values)
.then(function(response){
成功时回调函数
},function(err){
失败时回调函数
})

实例：

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,minimal-ui:ios">
    <meta http-equiv="X-UA-Compatible" content="ie=
最低0.47元/天 解锁文章
一坨牛马
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
axios的get和post请求方式
puddingcsdn的博客
10-21 921
axios的特点： 1. axios用于封装底层的XMLHttpRequest。 2. 基于promise机制，可以使用承诺对象中的方法（then，catch，finally）。 3. axios会对响应结果做二次封装。 axios中的post方式： 默认发送的是json字符串，也就是请求头的默认格式为：contentType:“application/json”。 问题：如何给后台发送查询字符串格式的数据？ 将对象转换为查询字符串：Qs.stringify(obj) ajax中的post方式： 默认发送的
详解axios 全攻略之基本介绍与使用（GET 与 POST）
01-21
axios axios 是一个基于 Promise 的 HTTP 客户端，专门为浏览器和 node.js 服务 Vue 2.0 官方推荐使用 axios 来代替原来的 Vue request，所以这里介绍一下 axios 的功能和基本的使用方法，希望能够对各位所有帮助。^_^ 功能 在浏览器中发送 XMLHttpRequests 请求 在 node.js 中发送 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换 JSON 数据格式 客户端支持防范 XSRF 攻击 浏览器支持 axios 能够支持 IE7 以上
axios中的Get和Post请求
weixin_62226037的博客
11-14 2168
他们俩个的区别就是get因为参数会放在url中，所以他的安全性较差，请求的数据长度有限制而post请求是没有的长度限制，请求数据是放在body中；get请求刷新页面或者回退没有影响而post请求回退时会重新提交数据请求。通俗点来说get请求就是去取获取数据的，post请求就是去提交数据的。get请求会被保存在浏览器历史记录当中但post不会。get请求只能用url编码,而post可以多种。get请求可以缓存，post请求不会被缓存。
axios 之get、post传参请求解析
最新发布
林中明月间丶
07-31 1万+
axios get | post传参方法整理_axios post传参_白瑕的博客-CSDN博客axios post params(post像get一样使用params传参)_axios.post() 的params传参_潇蓝诺依的博客-CSDN博客Axios post 传参的params 与data 的两种形式（根据java后台接口来选择）_axios post params_bug收集的博客-CSDN博客axios介绍 axios是基于Promise的，因此可以使用Promise APIaxios的请求
axios的get,post方法
dgjvlz1669的博客
06-21 90
学习vue和nodejs的过程当中,涉及到了axios,今天为了测试,写了get和post两个方法来跟node服务端交互,结果因为header和参数弄了好久,在此记录一下,同时分享; 由于刚接触axios,在测试方法中,写的都是很简单的东西,不过能够实现基础功能,大神看到的话..非常欢迎指导.. //GET方法 axios.get(url, { ...
axios的get请求和post请求的传参方式、拦截器
07-12 1万+
1.post更安全（不会作为url的一部分，不会被缓存，保存在服务器日志，以及浏览器浏览记录中） 2.post发送的数据量更大（get有url长度限制） 3.post能发送更多的数据类型（get只能发送ASCII字符） 4.post比get慢 5.Post是向服务器提交数据的一种请求，get是向服务器发索取数据的一种请求。 5.Post是向服务器提交数据的一种请求，get是向服务器发索取数据的一种请求。 7.post请求包含
vue中axios处理http发送请求的示例（Post和get）
01-21
本文介绍了vue中axios处理http发送请求的示例（Post和get），分享给大家，具体如下： axios中文文档　 https://github.com/mzabriskie/axios#using-applicationx-www-form-urlencoded-format axios文档 在处理http...
解决在Vue中使用axios POST请求变成OPTIONS的问题
01-19
POST请求变成OPTIONS ...补充知识：axios发起请求，为什么先发送options请求，再发送get/post请求 引起原因 1，跨域； 2，请求头非默认情况。 默认请求头如下 Accept Accept-Language Content-Language Last-Eve
解决java使用axios.js的post请求后台时无法接收到入参的问题
10-17
axios.js作为一个广泛使用的JavaScript库，常用于发送HTTP请求。但是，使用axios.js发送POST请求到Java后端时，有时候可能会遇到无法正确接收参数的问题。本文将探讨此类问题的可能原因和解决方案。 首先，一个常见...
简单谈谈axios中的get,post方法
08-30
下面小编就为大家带来一篇简单谈谈axios中的get,post方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
axios发送get和post请求
阿松的博客
05-06 8302
关于axios发送get和post请求参数携带的写法以及格式
【axios】get和post请求用法
weixin_39266845的博客
07-28 5251
【axios】get和post请求用法详解
axios的get请求和post请求
qq1319504645的博客
05-22 1208
Axios 实现了浏览器和 Node.js 中单一的 API，可以自动转换请求和响应数据，支持Promise API，拦截请求和响应，和取消请求。使用 Axios 可以方便的拦截请求、设置请求头、处理响应数据等，是一个功能强大、易使用的请求库。可以看到，`axios.get()` 方法会自动将参数拼装到请求 URL 中，发送请求并返回 Promise 对象。在这里，我们通过 `axios.post()` 方法向服务器发送了一个包含 `firstName` 和 `lastName` 数据的 POST 请求。
axios框架：get和post请求
Javen天道酬勤
11-15 1809
axios简介 axios是一个取代我们常用的jQuery中ajax模块的一个框架。可以说功能跟ajax类似。本篇文章就是使用axios完成get和post的请求。axios代码风格采用链式结构。 GET请求 axios.get("http://localhost:8081/qunar/query?id=1") .then(function (value) { ...
axios入门——常用五种请求方法介绍（get、post、put、patch、delete）
热门推荐
艾丽的博客
01-18 2万+
写在前面 axios中文说明 为方便起见，axios为所有支持的请求方法提供了别名 params 是将与请求一起发送的 URL 参数，对应后台中的query data 是作为请求主体被发送的数据，对应后台中的body axios.request(config) axios.get(url[, config]) // 只支持 params 传参 axios.delete(url[, config]) // 只支持 params传参 axios.head(url[, config]) // 只支持 para
axios中get，post的区别（待更新）
baiye_nini的博客
03-27 3690
什么是GET和POST请求 GET：向指定路径资源发送请求，通常用于获取数据 POST：向指定路径资源提交数据进行处理请求，通常用于提交表单或者上传文件 GET和POST请求的区别 1，GET一般是从服务器上获取数据，POST是向服务器提交数据。 2，GET通过URL提交数据，数据在URL中可以看到，POST则是在HEADER内提交。 3，GET提交的数据不能大于2KB，而POST不受限制。 4，GET数据容易泄露，POST较为安全 PostMapping、GetMapping和Re
Axios的get和post请求
qq_39229914的博客
08-09 190
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 一、axios POST提交数据的三种请求方式写法 axios.post(url,data,config) 1、Content-Type: application/json import axios from 'axios' ...
axios的post请求和get请求发送
sylvia_lily的博客
06-24 143
要注意post请求参数只能后端@requestBody接收 get请求参数只能后端@requestParam接收 this.$axios.get('/payTest',{params:{totalPrice:this.map.totalPrice}}) .then(res => { console.log(res.data.data) thi
axiospost与get请求的区别
07-28
axios是一个基于Promise的HTTP客户端，可以用于发送HTTP请求。它支持多种请求方法，包括GET和POST。 GET请求用于从服务器获取数据。它通过URL向服务器发送请求，并将响应数据返回给客户端。GET请求可以将参数附加到URL中，但是由于URL的长度限制，传递的数据量较小。 示例代码： ```javascript axios.get('/api/data') .then(function (response) { console.log(response.data); }) .catch(function (error) { console.log(error); }); ``` POST请求用于向服务器提交数据。它将数据作为请求体发送给服务器，并根据服务器的响应进行处理。POST请求通常用于提交表单数据或发送较大的数据量。 示例代码： ```javascript axios.post('/api/data', { name: 'John', age: 30 }) .then(function (response) { console.log(response.data); }) .catch(function (error) { console.log(error); }); ``` 总的来说，GET请求用于获取数据，而POST请求用于提交数据。GET请求将参数附加到URL中，而POST请求将数据放在请求体中。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一坨牛马

你的鼓励是支持我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值