Axios的post字符串出的小问题

最新推荐文章于 2024-10-29 14:36:02 发布
原创 最新推荐文章于 2024-10-29 14:36:02 发布 · 436 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何使用axios库发送带有JSON格式数据的POST请求。重点在于如何将对象转换为JSON字符串并通过axios进行传递。文中提供了具体的代码示例，包括设置请求头以确保正确的内容类型。

传参的关键是JSON.Stringify,直接传递obj2是不管用的，axios接受json格式的数据

[HttpPost]
        [EnableCors("CorsSample")]
        public void Post([FromBody] string value)
        {
        }

 

let obj2="2323"

 

axios.defaults.headers.post['Content-Type'] = 'application/json';

   axios.post('http://localhost:5000/api/EmployeeInfo',JSON.stringify(obj2))

  

axios({

            headers: {

                "Content-Type": "application/json;"

            },

            method: 'post',

            url: 'http://localhost:5000/api/EmployeeInfo',

            data: JSON.stringify(obj2)

        })

 

Vue + Axios 使用post请求方法时，传参的两种方式（FormData、json字符串）
窝窝头的博客
11-06 1万+
一、表单数据 FormData 1.1、控制台显示效果如下 1.2、axios配置，设置请求头： Header 解释 示例（参考这里） Accept 指定客户端能够接收的内容类型 Accept: text/plain, text/html ...
解决在Vue中使用axios POST请求变成OPTIONS的问题
10-14
`qs`是Node.js库，用于序列化对象为URL查询字符串，适用于处理表单数据。以下是具体步骤： 1. **安装qs库**： 首先，你需要在你的Vue项目中安装qs库，可以通过npm来安装： ``` npm install qs --save ``` 2. *...
Axios与Asp.Net Core WebAPI 调用说明
大新软件老杨
12-28 1968
.Net Core WebAPI中，无论是get、post或其他类型的方法。简单类型的数据会默认从url中获取，复杂类型的数据(实体类、列表等)默认从body中获取。 可以通过[FromQuery]、[FromBody]、[FromForm]等属性，强制从某个地方获取数据。但如果一个实体类被设定了[FromBody]，则实体类中属性设定的其它[FromQuery]之类的注解无效。 可以为实体类中的属性加上[BindRequired]注解，设定为必填，不能应用于方法参数。 可以为实体类中的属性加上[BindN
axios请求中以params或body形式传递参数的区别
热门推荐
Amelian的博客
06-29 1万+
axios请求中以params或body形式传递参数的区别
【已解决】axios post请求body为字符串
bao
10-26 1647
参数直接给一个字符串就好了。
axios.post 用法
zhuge_long的专栏
05-17 4212
这个异常发生的根本原因是：jackson在处理JSON反序列化时，因为请求提交的日期格式和jackson用来转换的格式不一致造成的，怎么解决呢？request.getReader()读取请求体，再通过ObjectMapper的readValue将读取的请求体(其实就是json字符串)转换为java程序需要的java对象，完成后续的数据处理。细节：axios.post发送参数的方式是：jsonstring，所以控制器处理jsonstring的方式是json字符串的反序列化。
vue axios post发送复杂对象问题
10-16
然后，在发送POST请求时，使用`JSON.stringify`方法将嵌套对象转换成字符串，并通过QS再次序列化整个请求数据，以便发送到服务器。 ### 结语 通过上述方法，我们可以在Vue项目中优雅地使用Axios进行POST请求发送...
解决vue处理axios post请求传参的问题
08-27
这是因为 Axios 库默认将参数序列化为 JSON 字符串，而不是 URL 编码的字符串。 四、 解决 Axios POST 请求传参的问题 为了解决这个问题，我们可以使用 qs 库将参数序列化为 URL 编码的字符串。首先，需要安装 qs ...
解决axios post 后端无法接收数据的问题
10-16
在这个例子中，数据转换函数遍历了传入的对象，使用`encodeURIComponent`对每个键和值进行编码，并以URL编码的格式拼接成字符串。这样做的目的是确保数据符合Content-Type所指定的格式。 ```javascript ...
解决Vue axios post请求,后台获取不到数据的问题方法
10-18
本文将详细讲解如何解决Vue axios POST请求时，后台获取不到数据的问题。 首先，让我们了解一下axios的基本用法。在Vue中，axios通常被用来发起异步请求，它支持Promise API，方便与Vue的Promise-based API集成。...
axios发送请求post，如何在body中放入一个纯纯的字符串
weixin_52130455的博客
01-19 3339
axios发送请求post，如何在body中放入一个纯纯的字符串
axios的put/post请求携带一个string 类型的参数， 前端代码和后端接收方法
weixin_52221334的博客
03-26 5909
前端可以发送简单的js对象给后端，后端使用**@ResponseBody**注解接收即可。类型的参数，此时后端仍可以通过**@RequestParam。想要让后端支持接收单个字段，前端就必须是。请求，后端想要接收单个参数，则需要传入。@RequestBody**注解接收。
axios post请求body为字符串时的解决方法
人与人之间最小的差别是智商，最大的差别是坚持。
10-29 717
修改Content-Type为text类型。关键就是修改Content-Type。text/html ： HTML格式。text/plain ：纯文本格式。text/xml ： XML格式。这里修改为text/plain。
Axios使用Post传String出现额外双引号或冒号、等号的解决方法
Geinu666的博客
04-13 1万+
Axios解决post字符串出现额外字符
Vue使用aioxs的post请求处理String.stringfy(this.数据)加上请求体
weixin_46266624的博客
04-16 227
【代码】Vue使用aioxs的post请求处理String.stringfy(this.数据)加上请求体。
.Net Core 5下WebAPI FromForm 及FromBody FromQuery使用方式，有图有真相
10-26 6965
11
c#接口 axios的get请求url过长时该怎么做
dlchgg的博客
03-19 589
2、改post（有些还要跟着把[FromUri]改成[FromBody]）今天又碰到了，大托参数拼在url里用get传。1、改服务器最大字数限制（还是会错）
[FromBody]与[FromForm]区别
weixin_30897079的博客
12-05 5264
[FromBody]与[FromForm]区别 1，fromBody:在cation方法传入参数后添加[frombody]属性，参数将以一个整体的josn对象的形式传递。 2，fromform:在cation方法传入参数后添加[frombody]属性，参数将以表单的形式提交。 转载于:https://www.cnblogs.com/Blogs-Wang/p/10071056.html...
axios Post请求 .Net Core中的接口以及FromBody特性和FromForm特性的使用
weixin_34129145的博客
05-15 1万+
.Net Core中Get请求接口的参数一般可以在url中获取，但是Post请求接口一般建议使用[FromBody]特性来绑定参数，而前端发请求时也得需要注意，前端代码如下（vue）: const postData = { id: 12 }; // post请求的数据，可自行定义 this.$axios({ url: api.postUrl, method: 'post',...
post方法 传递 字符串 springboot
最新发布
08-01
在 Spring Boot 中，使用 `POST` 方法接收一个**字符串参数**是一个常见的需求，比如接收一段文本、JSON 字符串或纯文本数据。 --- ## ✅ 方式一：使用 `@RequestBody` 接收纯字符串 ### ✅ 后端代码 ```java @RestController public class StringController { @PostMapping("/receive-string") public String receiveString(@RequestBody String input) { return "接收到的字符串是: " + input; } } ``` ### ✅ 前端调用（使用 `axios` 或 `umi-request`） ```js axios.post('/receive-string', '这是要发送的字符串内容', { headers: { 'Content-Type': 'text/plain' } }) .then(response => { console.log(response.data); }); ``` > ⚠️ 注意：必须设置 `Content-Type: text/plain`，否则 Spring 无法识别纯字符串。 --- ## ✅ 方式二：接收 JSON 字符串并转换为 Java 字符串 如果你发送的是 JSON 字符串（比如 `"{\"name\":\"Tom\"}"`），也可以直接接收为 `String` 类型。 ### ✅ 后端代码 ```java @PostMapping("/receive-json-string") public String receiveJsonString(@RequestBody String jsonString) { return "接收到的 JSON 字符串是: " + jsonString; } ``` ### ✅ 前端调用 ```js axios.post('/receive-json-string', JSON.stringify({ name: 'Tom' }), { headers: { 'Content-Type': 'application/json' } }) .then(response => { console.log(response.data); }); ``` --- ## ✅ 方式三：使用 `@RequestParam` 接收查询参数（不推荐用于 POST） 虽然 `@RequestParam` 通常用于 `GET` 请求，但你也可以通过表单提交来接收字符串。 ### ✅ 后端代码 ```java @PostMapping("/receive-form-data") public String receiveFormData(@RequestParam String content) { return "接收到的内容: " + content; } ``` ### ✅ 前端调用（使用 `x-www-form-urlencoded`） ```js axios.post('/receive-form-data', 'content=这是内容', { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }) .then(response => { console.log(response.data); }); ``` --- ## ✅ 方式四：使用 DTO 接收（推荐用于结构化数据） 如果你希望接收结构化数据，比如一个包含字符串字段的对象，可以使用 DTO。 ### ✅ DTO 类 ```java public class TextRequest { private String content; // getter / setter } ``` ### ✅ 控制器代码 ```java @PostMapping("/receive-dto") public String receiveDto(@RequestBody TextRequest request) { return "接收到的内容: " + request.getContent(); } ``` ### ✅ 前端调用 ```js axios.post('/receive-dto', { content: '这是一段文本内容' }) .then(response => { console.log(response.data); }); ``` --- ## 🧪 总结对比表 | 接收方式 | 注解 | Content-Type | 是否推荐 | |----------|------|----------------|-----------| | 纯字符串 | `@RequestBody String` | `text/plain` | ✅ 推荐 | | JSON 字符串 | `@RequestBody String` | `application/json` | ✅ 推荐 | | 表单参数 | `@RequestParam` | `application/x-www-form-urlencoded` | ✅ 可用 | | DTO 对象 | `@RequestBody DTO` | `application/json` | ✅ 推荐用于结构化数据 | --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值