前端接口请求与后端交互详解 联调后端取不到值 自己的一点记录写的比较随意 会比较乱但都是干货

响应头:

cache-control: 缓存控制
在这里插入图片描述

联调后端取不到值??

无论何种形式传递,后端解析表单信息的时候,会考虑Content-Type。
如果是JSON字符串的话,后端解析payload的内容时候要去解析JSON。
如果是key1=value1&key2=value2的形式,则需要去分割字符串。

一般后端使用的框架会去处理,但是框架给后端提供取值接口有可能是不同的,
所以前端的小伙伴在处理请求问题时,一定要跟后端小伙伴商量好,是用JSON还是FormData哈。

请求行,请求头,请求体

1.传统的ajax请求时候,Content-Type默认为"文本"类型。text/plain
2.传统的form提交的时候,Content-Type默认为"Form"类型。multipart/form-data 
3.axios传递字符串的时候,Content-Type默认为"Form"类型。multipart/form-data 
4.axios传递对象的时候,Content-Type默认为"JSON"类型 application/json

请求header设置
默认的Content-Type为text/plain。
在这里插入图片描述

Content-Type 为 application/json
在这里插入图片描述

Content-Type 为 multipart/form-data FormData的功能远超application/json
在这里插入图片描述

请求过程理解

1.前端设置请求参数、 Content-Type与请求链接

Content-Type设置的不同,数据提交方式相同时
这两种提交都会将数据放在请求体中。
但是chrome浏览器的开发者工具会根据这个ContentType区分显示方式。
在这里插入图片描述
在这里插入图片描述

2.通过xhr或者ajax、axios等发起请求

Request Payload会对非字符串做字符串转换。

3.payload解析
  • 7
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

跳动的世界线

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值