axios POST提交数据的三种请求方式写法

Shisui 发布于2019-08-22 17:59 / 2949人阅读

摘要：总结从转到最难忘的就是要设置，还好现在都搞懂了他们的原理上面三种方式会对应后台的请求方式，这个也要注意，比如的，等等

1、Content-Type: application/json

import axios from "axios"
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
    console.log("res=>",res);            
})

2、Content-Type: multipart/form-data

import axios from "axios"
let data = new FormData();
data.append("code","1234");
data.append("name","yyyy");
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
    console.log("res=>",res);            
})

3、Content-Type: application/x-www-form-urlencoded

import axios from "axios"
import qs from "Qs"
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,qs.stringify({
    data
}))
.then(res=>{
    console.log("res=>",res);            
})

总结：
1、从jquery转到axios最难忘的就是要设置Content-Type，还好现在都搞懂了他们的原理
2、上面三种方式会对应后台的请求方式，这个也要注意，比如java的@RequestBody，HttpSevletRequest等等

云服务器 GPU云服务器服务器的三种存储方式阿里云发送邮件的三种方式 post方式提交数据 js提交post数据请求

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95386.html

node实现文件下载不得不说的那些事儿

摘要：如果像本例中这样的场景会遇到这样一个问题，详见链接当请求参数过长或为了安全，就需要用到下载。写到这里自己都忍不住想锤自己，给自己挖坑不说，这样来回请求下载，流量，真的是败家。这几天一直在做远程文件下载的事，现在总算有了解决，特来记录一下踩过的坑和想揍自己的心需求应用场景是这样的，底层逻辑数据请求接口是由Java写的，也就是说原始文件存在Java服务端,返回时有加密措施由于工作...

Coly 2019-08-23 14:12 评论0 收藏0
踩坑日记(持续更新...)

摘要：二按照官方的提示解决了意思就是切到分支，自己的分支解决冲突，提交。这是和二相反向的操作页面标题无效的解决办法强类型转换的坑条件用正则返回的布尔值结果返回了条件结果也返回了。 2018/3/2 1,vue的{{}}怎么失效了项目使用了twig模板渲染语法{{}}冲突，使用v-text v-html渲染可以写表达式的写法字符+变量 2，函数防抖节流封装实用的下拉加载更多代码demo...

taoszu 2019-08-22 15:00 评论0 收藏0
POST 请求的三种常见数据提交格式

摘要：一般使用请求方法向服务器发送数据主要是一些创建更新操作，本文讨论的是请求方法常用的四种数据提交格式。其实就是和请求的数据提交格式是一样的，只不过位置从上换到了里。适用场景数据量不大数据层级不深的情况下强烈建议这种数据提交格式。本文所讲的 POST 请求是 HTTP/1.1 协议中规定的众多 HTTP 请求方法的其中最常用的一个。一般使用 POST 请求方法向服务器发送数据（主要是一些...

Kylin_Mountain 2019-08-23 18:11 评论0 收藏0
axios使用心得总结

摘要：最近项目中使用也遇到了一些问题，就借此机会总结一下，如有错误，还请不吝指正。而在使用时对应的传参使用的是，是作为请求体发送的，同样使用这种形式的还有等请求方式。层在环境中可以使用。 Axios是一个基于Promise的 HTTP 库，可以用在浏览器和node.js 中，因为尤大大的推荐，axios也变得越来越流行。最近项目中使用axios也遇到了一些问题，就借此机会总结一下，如有错误，...

Lowky 2019-08-21 17:50 评论0 收藏0