当前位置: 首页 > news >正文

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

响应头:

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解析

http://www.mrgr.cn/news/12426.html

相关文章:

  • Excel打开密码的两种设置方法!
  • 【论文阅读】KAN: Kolmogorov–Arnold Networks(2024)
  • 从工程师视角看 “Multi-Agent as a Service (MAaaS)”
  • window 安装 anaconda教程(含安装包)
  • 创建一个用于修改本地DNS解析记录的Windows客户端
  • 【UE5.1】NPC人工智能——07 NPC在巡逻过程中休息
  • 软件测试——自动化测试selenium
  • 华为S3700交换机配置VLAN的方法​
  • SpringBoot集成kafka-自定义拦截器(可以在拦截器中做记录日志、安全检查等操作)
  • 基于云原生的一体化监控系统Day1
  • python从列表元素中查找最小的元组坐标
  • 基差、升水与贴水,股指期货市场的重要概念解析
  • 使用物联网卡访问萤石云的常见问题
  • 观察者模式解析:实现对象间的舞蹈同步!
  • STM32—USART串口协议
  • 华为eNSP:静态路由配置、浮动路由配置
  • 在使用Netty的时候TCP粘包拆包问题如何解决?
  • 2024上海初中生古诗文大会备考:单选题真题和每道题独家解析
  • Transformer-BiLSTM神经网络多输入单输出回归预测的MATLAB实现
  • 【RabbitMQ】应用