前端发送请求之参数处理---【text/plain】与【application/json】

这篇具有很好参考价值的文章主要介绍了前端发送请求之参数处理---【text/plain】与【application/json】。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Content-Type就是指 HTTP 发送信息至服务器时的内容编码类型,服务器根据编码类型使用特定的解析方式,获取数据流中的数据。

其实前后端发送请求的方式有 text/plain、application/json、application/x-www-form-urlencoded、
multipart/form-data等,这版接上一篇,继续介绍【text/plain】与【application/json】。

2、text/plain

设置headers后,直接发送请求

return request({
    path: `/apis/list`,
    // options为object,如{a: 3, b: 4}
    params: options,
    headers: {
        'Content-Type': 'text/plain'
    },
    method: 'POST',
  });

text/plain,json,text/plain,application,前后端发送请求 

浏览器里面可以看到请求头:

text/plain,json,text/plain,application,前后端发送请求

2、application/json

设置headers后,直接发送请求

return request({
    path: `/apis/list`,
    // options为object,如{a: 3, b: 4}
    params: options,
    headers: {
        'Content-Type': 'application/json'
    },
    method: 'POST',
  });

底层接收params的位置,发送axios请求时,将params,转成字符串发送,如下:

return instance.request({
        method,
        url,
        data: method === 'post' ? JSON.stringify(params) : undefined,
        headers
    });

text/plain,json,text/plain,application,前后端发送请求

即可。

以上仅为记录开发时的日志,代码并不完善~文章来源地址https://www.toymoban.com/news/detail-801749.html

到了这里,关于前端发送请求之参数处理---【text/plain】与【application/json】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • java业务代码发送http请求(Post方式:请求参数为JSON格式;Get方式)

    实际开发中,可能需要发送http请求到第三方服务获取数据,于是就有以下应用: 依赖: 假设我需要在我的业务代码中调用该地址: url:http://xx.xx:xxxx/user/count 请求方法:post 内容类型:application/json 请求参数:id, username 返回参数:code 响应结果 int类型                  

    2024年02月12日
    浏览(44)
  • postman发送post请求携带json参数获取为null的情况

        @RequestBody主要用来接收前端传递给后端的json字符串中的数据的(请求体中的数据的);而最常用的使用请求体传参的无疑是POST请求了,所以使用@RequestBody接收数据时,一般都用POST方式进行提交。在后端的同一个接收方法里    

    2024年02月13日
    浏览(49)
  • http请求头Content-Type的值为text/plain报错415解决方案

    问题描述:http请求报错415,经过了解主要是请求头Content-Type的值为text/plain,为了方便演示,创建一个测试类 测试类 如果请求的请求头是text/plain,则会报错,错误码415 具体报错 解决方案很简单,直接用字符串接收参数就行,示例代码

    2024年02月15日
    浏览(47)
  • 试试比postman更好用的apipost——如何测试post请求并发送json类型参数

     引言 ApiPost是一个国产的、跟Postman差不多的、用来测试Web API的软件,提供window、mac、linux版本下载,对于有在开发Web API的开发者相当有用,同时由于它是国产软件,完全中文界面更加友好,也符合中国开发者的使用体验。另外支持一键生成api接口文档,省掉不少开发者的工

    2024年02月15日
    浏览(42)
  • 新增:前端提示“请求JSON参数格式不正确,请检查参数格式

    解决方法: 1.检查后端控制台报错: 参数格式传递异常,请求号为:3b44424d-73bd-4db7-970b-38638451c439,具体信息为:JSON parse error: Cannot deserialize value of type ` java.lang.Long` from String \\\" 新增的字段 \\\": not a valid Long value; nested exception is com.fasterxml.jackson.databind.exc.InvalidFormatException: Cannot

    2024年02月17日
    浏览(27)
  • vue使用axios发送post请求携带json body参数,后端使用@RequestBody进行接收

    最近在做自己项目中,做一个非常简单的新增用户场景,但是使用原生axios发送post请求的时候,还是踩了不少坑的。 唉,说多了都是泪,小小一个新增业务,在自己前后端一起开发的时候,硬是搞了好久。 下面就把问题总结分享下,防止后人再踩坑。 首先先看下我的接口定

    2024年02月02日
    浏览(40)
  • Spring Boot中处理前端的POST请求参数

    在Spring Boot中处理前端的POST请求参数可以使用@RequestParam注解或@RequestBody注解。 @RequestParam注解用于获取请求参数的值,可以用于处理GET和POST请求。它可以指定参数的名称、是否必须、默认值等属性。 例如,假设前端发送了一个POST请求,请求参数为name和age,可以使用@Request

    2024年02月15日
    浏览(84)
  • 前端数据格式解析 json,form(application/json、application/x-www-form-urlencoded、multipart/form-data)

    这几天编写web前端时,在处理前端数据发回后端时遇到了一些数据格式的问题,查了不少资料后准备整理总结一下。 常见的有两种格式 json与form json,全称是javascript object notation,即JavaScript对象标记法 json,一种轻量级(Light-Meight)、基于文本的(Text-Based)、可读的(Human-

    2024年02月03日
    浏览(55)
  • postman发送json请求

    Student.java @Getter @Setter @AllArgsConstructor @NoArgsConstructor //@Component public class Student { @JsonProperty(“stuname”) private String name; @JsonProperty(“stuage”) private int age; } StudentController.java @Controller public class StudentController { } 最终send后可以在responsebody得到发送的json数据(如果不用@JsonProperty,则

    2024年02月03日
    浏览(63)
  • Postman发请求发送JSON数据方式

    首先 我们打开Postman 选择 Collections 我们点上面这个加号 多拉一个项目出来 然后 右键项目 选择 Add request 创建一个请求 然后 我们要输入一下自己的请求地址 这里 我的是 http://localhost:8080/user/getName 然后 前面的请求类型 我选了 post 然后 下面的传参方式 Body 下面的我们选择 r

    2024年02月06日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包