首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

从axios get和post返回的数据/promise有区别吗?

从axios get和post返回的数据/promise有区别吗?

答:axios是一个流行的基于Promise的HTTP客户端,可以用于发送HTTP请求。无论是使用axios的get方法还是post方法,它们返回的数据都是Promise对象。Promise是一种用于处理异步操作的对象,可以用于处理异步操作的成功或失败。

在使用axios的get方法时,它会发送一个GET请求并返回一个Promise对象。当该请求成功返回时,Promise对象的状态会变为resolved,并携带着从服务器获取到的数据。如果请求失败,Promise对象的状态会变为rejected,并携带着错误信息。

在使用axios的post方法时,它会发送一个POST请求并返回一个Promise对象。当该请求成功返回时,Promise对象的状态会变为resolved,并携带着服务器返回的响应数据。如果请求失败,Promise对象的状态会变为rejected,并携带着错误信息。

因此,无论是通过axios的get方法还是post方法发送请求,它们都返回Promise对象,并且处理方式类似,可以通过then方法来处理请求成功的结果,通过catch方法来处理请求失败的错误信息。

需要注意的是,Promise对象是ES6引入的一种处理异步操作的方式,它不是axios特有的。而axios则是基于Promise的HTTP客户端,提供了更便捷的发送HTTP请求的方法。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

企业面试题: jquery中$.get()提交和$.post()提交有区别吗?

考核内容: 对于表单数据提交及处理方法的理解 题发散度: ★★ 试题难度: ★★ 解题思路: 相同点:都是异步请求的方式来获取服务端的数据; 异同点: 1、请求方式不同:$.get() 方法使用GET...方法来进行异步请求的。...$.post() 方法使用POST方法来进行异步请求的。...2、参数传递方式不同:get请求会将参数跟在URL后进行传递,而POST请求则是作为HTTP消息的实体内容发送给Web服务器的,这种传递是对用户不可见的。...3、数据传输大小不同:get方式传输的数据大小不能超过2KB 而POST要大的多 4、安全问题: GET 方式请求的数据会被浏览器缓存起来,因此有安全问题。

98620

带你从 HTTP1.1 协议文档看 GET 和 POST 的区别

"标准"答案 GET使用URL或Cookie传参,POST则将数据放在body中 GET的URL会有长度上的限制,POST的数据可以非常大 POST比GET安全,因为数据在地址栏上不可见 这都是一些经典面试材料抄袭的..."经典"的答案,没有一点权威意义,不一提,今天我们就从官方RFC文档一探究竟 GET 和 POST 是由 HTTP 协议定义的 在HTTP协议中,Methods ?...和Header ? 是不相干的两个概念,使用哪个Method与应用层的数据如何传输是没有关系的 ?...译文 : POST 方法请求目标资源 根据资源自身的特定语义 处理请求中包含的表示 例如,POST 用于以下功能: 1.供数据块,例如输入HTML 表格的字段的数据处理过程; 2.在公告栏,新闻组...,邮件列表,博客或类似的文章组中发布消息; 3.创建一个尚未被原服务器识别的新资源; 4.将数据附加到资源的现有表示中

1.2K20
  • GET和POST有什么区别?及为什么网上多数答案都是错的

    如果有人问你,GET和POST,有什么区别?你会如何回答? 我的经历 前几天有人问我这个问题。我说GET是用于获取数据的,POST,一般用于将数据发给服务器之用。 这个答案好像并不是他想要的。...GET和POST与数据如何传递没有关系 GET和POST是由HTTP协议定义的。...那么,网上流传甚广的这个说法是从何而来的呢?我在HTML标准中,找到了相似的描述。这和网上流传的说法一致。但是这只是HTML标准对HTTP协议的用法的约定。怎么能当成GET和POST的区别呢?...知道这个有什么用?我不想解释了,有时候就得自己痛一次才记得住。 HTTP协议对GET和POST都没有对长度的限制 HTTP协议明确地指出了,HTTP头和Body都没有长度的要求。...这不是Web Server,而是一个Web Service) 所以我对于GET和POST的理解,是纯粹地来源于HTTP协议。他们只有一点根本区别,简单点儿说,一个用于获取数据,一个用于修改数据。

    642100

    【面试Vue全家桶】vue前端交互模式-es7的​语法结构?asyncawait

    让我们了解一下前后端的交互模式,学习一下promise的语法,来回答面试官的问题,基于promise来实现异步调用,就算你会promise?那你了解fetch用法和async/await用法吗?...promise是异步编程的一种解决方案,从语法上来讲,promise是一个对象,从它可以获取异步操作的消息。使用promise的好处有哪些呢?...的基本用法 首先实例化promise对象,构造函数中传递函数,该函数中用于处理异步任务,有两个参数,resolve和reject用于处理成功和失败的两种情况,并通过p.then获取处理结果。...json() 返回结果和json.parse(presponseText)相同 接口调用axios用法 第三方的库,很强大,是一个局域promise用于浏览器和node.js的HTTP客户端。...axios的基本用法 axios.get('/dada').then(ret=>{console.log(ret.data);}); axios的常用api get,查询数据,post,添加数据,put

    1.5K10

    从数据传输的角度辨析表单设计时的 get 和 post 提交方法

    二、post 方法 1、post 方式提交表单数据大小没限制 2、post 方式所传输的数据不会显示在浏览器的地址栏中 3、post 方式提交数据被保存在请求数据包的请求体中 总结 ---- 前言...定义表单数据从客户端传送到服务器的方法,包括两种方法:get 和 post,默认使用 get 方法。...如下,我们设计一个表单,分别使用 get 方式和 post 方式对数据进行传输。 ? get 方式:我们可以在页面跳转的地址栏中清晰的看到用户填写的账号以及密码,这是非常不安全的! ?...3、get 方法不能传输非 ASCII 码的字符 4、get 方式提交数据被保存在请求数据包的请求行中 二、post 方法 1、post 方式提交表单数据大小没限制 post 方法是将用户在表单中填写的数据包含在表单的主体中...2、post 方式所传输的数据不会显示在浏览器的地址栏中 3、post 方式提交数据被保存在请求数据包的请求体中 注意区分 get 方法和 post 方法提交到服务器的数据在请求数据包中的位置。

    1.7K31

    axios详解以及完整封装方法

    axios有以下特性: 从浏览器创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON...数据 客户端支持防御XSRF axios可以请求的方法: get:获取数据,请求指定的信息,返回实体对象 post:向指定资源提交数据(例如表单提交或文件上传) put:更新数据,从客户端向服务器传送的数据取代指定的文档的内容...封装get方法和post方法 我们常用的ajax请求方法有get、post、put等方法,相信小伙伴都不会陌生。axios对应的也有很多类似的方法,不清楚的可以看下文档。...,axios.get()方法和axios.post()在提交数据时参数的书写方式还是有区别的。...1.优化axios封装,去掉之前的get和post 2.断网情况处理 3.更加模块化的api管理 4.接口域名有多个的情况 5.api挂载到vue.prototype上省去引入的步骤 http.js中axios

    8.7K12

    vue中Axios的封装和API接口的管理

    一、axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。...封装get方法和post方法 我们常用的ajax请求方法有get、post、put等方法,相信小伙伴都不会陌生。axios对应的也有很多类似的方法,不清楚的可以看下文档。...,axios.get()方法和axios.post()在提交数据时参数的书写方式还是有区别的。...区别就是,get的第二个参数是一个{},然后这个对象的params属性值是一个参数对象的。而post的第二个参数就是一个参数对象。两者略微的区别要留意哦! ?...主要有以下改变: 1.优化axios封装,去掉之前的get和post 2.断网情况处理 3.更加模块化的api管理 4.接口域名有多个的情况 5.api挂载到vue.prototype上省去引入的步骤

    3.6K11

    一文掌握Axios:前后端数据交互竟如此简单

    你可以用它发送各种类型的请求(如 GET、POST、PUT、DELETE 等),并且能够轻松地处理请求和响应的数据。简单来说,它让前端和后端的“对话”变得简单且流畅。...和Promise对比 axios 和 Promise 是两个不同层面的工具。...它可以帮助我们更简单、更便捷地发送 HTTP 请求,并自动管理返回的 Promise 对象。接下来,我们详细对比 Promise 和 axios 的特点与用法。...axios 和 Promise 的关系 axios 是基于 Promise 实现的,也就是说 axios 请求返回的是一个 Promise 对象。...Promise 和 axios 的主要区别 功能 Promise axios 作用 管理异步操作 基于 Promise 封装的 HTTP 请求库 使用场景 任何异步逻辑(如文件读取、定时器等) 主要用于发送

    20110

    Vue中Axios的封装和API接口的管理

    一、axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。...封装get方法和post方法 我们常用的ajax请求方法有get、post、put等方法,相信小伙伴都不会陌生。axios对应的也有很多类似的方法,不清楚的可以看下文档。...,axios.get()方法和axios.post()在提交数据时参数的书写方式还是有区别的。...区别就是,get的第二个参数是一个{},然后这个对象的params属性值是一个参数对象的。而post的第二个参数就是一个参数对象。两者略微的区别要留意哦!...主要有以下改变: 1.优化axios封装,去掉之前的get和post 2.断网情况处理 3.更加模块化的api管理 4.接口域名有多个的情况 5.api挂载到vue.prototype上省去引入的步骤

    3.2K80

    什么样的vue面试题答案才是面试官满意的

    和 watch 有什么区别?...:SSR图片SPA图片部署上的区别图片Vue项目中有封装过axios吗?...一、axios是什么axios 是一个轻量的 HTTP客户端基于 XMLHttpRequest 服务来执行 HTTP 请求,支持丰富的配置,支持 Promise,支持浏览器端和 Node.js 端。...现在 axios 已经成为大部分 Vue 开发者的首选特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换...,你总结的vue最佳实践有哪些从编码风格、性能、安全等方面说几条:编码风格方面:命名组件时使用“多词”风格避免和HTML元素冲突使用“细节化”方式定义属性而不是只有一个属性名属性名声明时使用“驼峰命名”

    2.1K30

    前后端交互的弯弯绕绕

    :GET、POST、PUT、DELETE 等 HTTP 请求,并处理响应;Axios 的主要特点包括:支持浏览器和 Node.js:在不同的环境中使用相同的 APIPromise-based:使得异步操作更加简洁取消请求...;在旧浏览器页面在向服务器请求数据时,因为返回的是整个页面的数据,页面都会强制刷新一下,这对于用户来讲并不是很友好;我们只是需要修改页面的部分数据,但是从服务器端发送的却是整个页面的数据,十分消耗网络资源...响应的能力;配置请求: 使用 open 方法配置请求的类型(如 “GET” 或 “POST”)、URL 和是否异步发送请求: 使用 send 请求,send({});参数是通过请求体携带的数据,而GET...也用做一个类似的: Get请求、表单+Get请求、表单+Post请求、AJax|Axios+Post+JSON请求 请求数据格式: string、int、double、时间date、map{k,v...-Ajax详解_ajax解析 不懂哪里来的这么多观看Axios3分钟让你学会axios在vue项目中的基本用法Axios使用方法详解,从入门到进阶 当作进阶观看:ajax与XHR的理解和使用原生ajax

    11220

    ajax和fetch、axios的优缺点以及比较

    前端是个发展迅速的领域,前端请求自然也发展迅速,从原生的XHR到jquery ajax,再到现在的axios和fetch。...在MDN上,讲到它跟jquery ajax的区别,这也是fetch很奇怪的地方: 当接收到一个代表错误的 HTTP 状态码时,从 fetch()返回的 Promise 不会被标记为 reject, 即使该...它有以下几大特性: 可以在node.js中使用 提供了并发请求的接口 支持Promise API 简单使用 axios({ method: 'GET', url: url, }) .then...不过感觉它的all方法应该是基于Promise.all()的 axios体积比较小,也没有上面fetch的各种问题,我认为是当前最好的请求方式 优缺点: 从 node.js 创建 http 请求 支持...axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持

    9.3K20

    Axios入门与源码解析

    axios 是 Axios 的实例 axios 是 Axios.prototype.request 函数 bind()返回的函数 axios 作为对象有 Axios 原型对象上的所有方法, 有 Axios...对象上所有属性 3. instance 与 axios 的区别?...相同: (1) 都是一个能发任意请求的函数: request(config) (2) 都有发特定请求的各种方法: get()/post()/put()/delete() (3) 都有默认配置和拦截器的属性...返回 promise xhrAdapter(config): 创建 XHR 对象, 根据 config 进行相应设置, 发送特定请求, 并接收响应数据, 返回 promise 流程图:...拦截器的模拟实现 array.shift()该方法用于把数组的第一个元素从其中删除,并返回第一个元素的值 思路为先将拦截器的响应回调与请求回调都压入一个数组中,之后进行遍历运行 promise = promise.then

    3K30

    【JS】376- Axios 使用指南

    来源 | https://www.jianshu.com/p/df464b26ae58 一、axios 基于promise用于浏览器和node.js的http客户端 二、特点 支持浏览器和node.js...,两个参数分别代表返回的结果 })) 三、axios的API (一) axios可以通过配置(config)来发送请求 1、 axios(config) //发送一个`POST`请求 axios({...//`transformRequest`选项允许我们在请求发送到服务器之前对请求的数据做出一些改动 //该选项只适用于以下请求方式:`put/post/patch` //数组里面的最后一个函数必须返回一个字符串...:{}, status:200, //从服务器返回的http状态文本 statusText:'OK', //响应头信息 headers: {}, //`config`是在请求的时候的一些配置信息...//请求已经发出,但是服务器响应返回的状态吗不在2xx的范围内 console.log(error.response.data); console.log(error.response.status

    97120

    Ajax笔记(2) -Axios

    Axios,可以理解为ajax i/o system,这不是一种新技术,本质上还是对原生XMLHttpRequest的封装,可用于浏览器和nodejs的HTTP客户端,只不过它是基于Promise的...网站地址: http://jsonplaceholder.typicode.com/ 其返回的数据为 JSON 格式,且同时支持 HTTP 和 HTTPS 这两种请求类型。...我上次使用的是json-server,不过会稍微麻烦一点点,就用上面那个吧 在这个JSONplaceholder中,有很多数据可以给我们使用: get请求 axios({ url:...body 参数 下面讲一下get和post请求的区别 (参考了别人的文章) Post请求和get请求的区别 1.get是从服务器上获取数据,post是向服务器传送数据。...现在发一个post请求: 其实上面两种请求也可以写成: axios.get()/axios.post() put put的用法其实差不多,作用是追加和更新数据.

    1.4K30

    Vue 前后端交互基础

    至于前端用户看到什么效果,从后端请求的数据如何加载到前端中,都由前端自己决定,网页有网页的处理方式,App 有 App 的处理方式,但无论哪种前端,所需的数据基本相同,后端仅需开发一套逻辑对外提供数据即可...Promise 对象的状态改变,只有两种可能:从 pending 变为 fulfilled 和从 pending 变为 rejected。...实例,当这个数组中的 Promise 实例全部返回时,方法执行结束 race(数组): 接收一个数组,每个数组元素都是一个 Promise 实例,当这个数组中的 Promise 实例有一个返回时,方法执行结束...// 失败返回的 info 我们可以直接拿到数据 } );   fetch 有两个参数,第一个是 url 是必须要填写的,第二个是 option 是可选的,option 用来设置如 method(GET...可以使用 data.json():将返回的数据转为 json,data.text():将返回数据转为字符串 ☞ 示例 fetch('url', { method: 'GET', }).then

    2.1K50

    【收藏干货】axios配置大全

    ,两个参数分别代表返回的结果 })) 三、axios的API axios可以通过配置(config)来发送请求 1、 axios(config) //发送一个`POST`请求 axios({...`定义了是否根据http相应状态码,来resolve或者reject promise //如果`validateStatus`返回true(或者设置为`null`或者`undefined`),那么promise...:{}, status:200, //从服务器返回的http状态文本 statusText:'OK', //响应头信息 headers: {}, //`config`是在请求的时候的一些配置信息...(error); }); //添加一个响应拦截器 axios.interceptors.response.use(function(res){ //在这里对返回的数据进行处理 return res...//请求已经发出,但是服务器响应返回的状态吗不在2xx的范围内 console.log(error.response.data); console.log(error.response.status

    1K11

    都0202年了,你还不会前后端交互吗

    文章目录 一、后端 API 服务搭建 二、原生 ajax 2.1 不带参数的 get 请求 2.2 带参数的 get 请求 2.3 带参数的 post 请求 2.4 get 请求返回 json 数据 三...get 请求 4.3 fetch 发起post 请求,并带参数 4.4 fetch 发送 get 请求, 返回 JSON 数据 四、更好的封装 axios?...4.1 axios 的基本使用 4.2 axios 常用 API 4.2.1 get 请求 4.2.2 post 请求 出了点小 bug, 为啥后面的 post 请求, Flask 都接收不到 一、....then(function(data) { // text() 方法属于 fetchAPI 的一部分 它返回 promise 实例对象, 所以要通过返回 data.text() 得到服务器的返回数据...axios 是一个基于 Promise 用于游览器和 node.js 的客户端 它具有以下特征 支持游览器和 node.js 支持 promise 能拦截请求和相应 自动转换 JSON 语句 4.1

    1.8K21

    Vue学习-axios

    是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。...点击跳转 至 《Vue学习-Promise》 特性: 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据...该对象有以下属性: url:用于指定请求的URL method:用于指定请求方式(get、post),不写该参数默认使用get方式 params:用于附带参数信息 值得注意的是axios已集成Promise...说明: axios.all()的参数为列表,里面可以写任意个axios()方法 最后then()获得的返回值同为列表形式,里面存放了每一个请求的结果 现在假设要向服务器同时发送get和post请求,并拿到返回值...拦截器 axios提供了拦截器,用于在发送每次请求或者从服务器得到返回结果时,进行相应的处理。

    85210
    领券