首页
学习
活动
专区
工具
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 方式请求数据会被浏览器缓存起来,因此安全问题。

98220

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

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

1.2K20
  • GETPOST什么区别?及为什么网上多数答案都是错

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

    641100

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

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

    1.5K10

    axios详解以及完整封装方法

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

    6.2K12

    数据传输角度辨析表单设计时 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

    vue中Axios封装API接口管理

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

    3.6K11

    Vue中Axios封装API接口管理

    一、axios封装 在vue项目中,后台交互获取数据这块,我们通常使用axios库,它是基于promisehttp库,可运行在浏览器端node.js中。...封装get方法post方法 我们常用ajax请求方法getpost、put等方法,相信小伙伴都不会陌生。axios对应也有很多类似的方法,不清楚可以看下文档。...,axios.get()方法axios.post()在提交数据时参数书写方式还是区别的。...区别就是,get第二个参数是一个{},然后这个对象params属性值是一个参数对象。而post第二个参数就是一个参数对象。两者略微区别要留意哦!...主要有以下改变: 1.优化axios封装,去掉之前getpost 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

    前后端交互弯弯绕绕

    GETPOST、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

    10420

    Axios入门与源码解析

    axiosAxios 实例 axiosAxios.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.jshttp客户端 二、特点 支持浏览器node.js...,两个参数分别代表返回结果 })) 三、axiosAPI (一) 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

    96520

    Ajax笔记(2) -Axios

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

    1.4K30

    ajaxfetch、axios优缺点以及比较

    前端是个发展迅速领域,前端请求自然也发展迅速,原生XHR到jquery ajax,再到现在axiosfetch。...在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

    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配置大全

    ,两个参数分别代表返回结果 })) 三、axiosAPI 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:用于指定请求方式(getpost),不写该参数默认使用get方式 params:用于附带参数信息 值得注意axios已集成Promise...说明: axios.all()参数为列表,里面可以写任意个axios()方法 最后then()获得返回值同为列表形式,里面存放了每一个请求结果 现在假设要向服务器同时发送getpost请求,并拿到返回值...拦截器 axios提供了拦截器,用于在发送每次请求或者服务器得到返回结果时,进行相应处理。

    84710

    Vue前端交互

    3、Promise用法,Promise是一个函数,函数也是一个对象。 答:1)、Promise是异步编程一种解决方案,语法上讲,Promise是一个对象,它可以获取异步操作消息。   ...then是一个函数,这个函数是返回。 1)、返回Promise实例对象,返回该实例对象会调用下一个then。...,返回是一个Promise对象,将它返回,然后通过下一个then得到具体数据。...,而是要调用fetch提供text获取数据,text返回promise对象,直接将它返回,通过下一个then得到最终数据 13 // text()方法属于fetchAPI...axios常用api。 1)、get查询数据。通过url传递参数,通过params选项传递参数。 2)、post添加数据,通过选项传递参数,默认传递是json格式数据

    3K11
    领券