前端传输JSON格式数据 居然尾随了一个等于号...

最新推荐文章于 2022-12-27 14:44:37 发布
原创 最新推荐文章于 2022-12-27 14:44:37 发布 · 2.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #后端

问题：

项目中 前端传JSON数据到后端接口时 数据尾部多了一个等于号

解决办法：

前端 设置请求体类型 以及 数据格式
后端也要指定 接受数据 的格式

在写前后端接口的时候，我的前端将表单的数据封装后转成JSON格式 想着传到后端来解析一波

前端代码

在这里插入图片描述

传过来 一解析 发现数据的最后面 多了一个 等于 号，一开始我还怀疑我的前端封装哪里封装错了

后端代码

在这里插入图片描述

那我就在前端控制台打印一下看看…

在这里插入图片描述

发现没错… 咦~ 怎么到后端就错了呢，问题肯定是出在AJAX做数据传输的时候…

网上搜索了一下，发现

当前我们使用 Ajax 发送数据的传输格式 为 JSON
但是发送http请求的时候contentType我们并没有设置它的值
而contentType的值默认是为application/x-www-form-urlencoded;charset=UTF-8
恰好这种数据结构是一种 KV键值对 的数据结构
在传输的时候将 JSON 当成了键 中间加了一个等号 值为空 例如【JSONData= 】所以传输到后端 就会导致多出来一个 等号

既然发现错误了 , 整改如下:

前端指定数据类型以及请求头类型

在这里插入图片描述

后端指定接受的类型

在这里插入图片描述

至此 数据即可成功传输~

Sentry 开发者贡献指南 - SDK 开发(性能监控)
o__cc的博客
12-24 1539
内容整理于官方开发文档 系列 Docker Compose 部署与故障排除详解 K8S + Helm 一键微服务部署 Sentry 开发者贡献指南 - 前端(ReactJS生态) Sentry 开发者贡献指南 - 后端服务(Python/Go/Rust/NodeJS) Sentry 开发者贡献指南 - 前端 React Hooks 与虫洞状态管理模式 性能监控指南 本文档介绍了 SDK 应...
【零散知识点总结2】
weixin_44543307的博客
03-09 6633
大部分知识点来源于网络，知道的可以在评论区贴上来源喔 内容涵盖：MySQL、Spring、Spring Boot、Spring Cloud、RabbitMQ、Kafka、 Linux 等技术栈 零散知识点总结2MySQLMySQL 中有哪几种锁？MySQL 中有哪些不同的表格？简述在 MySQL 数据库中 MyISAM 和 InnoDB 的区别 MySQL MySQL 中有哪几种锁？ 1、表级锁：开销小，加锁快；不会出现死锁；锁定粒度大，发生锁冲突的概率最高，并发度最低。 2、行级锁：开销大，加锁慢；会出现
JSON字符串多了一个等号
木心小白菜的博客
11-25 1928
Ajax向Java后台发送Json数据，默认请求的ContentType是application/x-www-form-urlencoded;charset=UTF-8 ，导致后台接收到的Json数据末尾多一个 “=”。 解决方法：将参数 contentType 的值改成 application/json; charset=utf-8, var value = obj.value ,data = obj.data ,field = obj.field; va
json数据包含等号解析
m0_37987151的博客
01-14 4546
String str="{headers={sourceNode=sql}, deviceId=865374050940926, props={upd_data={\"msg_type\":\"heartbeat\"}}}"; JsonObject respJson=new JsonParser().parse(str).getAsJsonObject(); 返回： {"headers":{"sourceNode":"sql"},"deviceId":865374050940926,"props".
java调接口接收json数据 转json字符串被转为等号
qq_39008613的博客
04-21 6550
和别的公司联调数据碰到json数据转list 字符串变为=号的问题 String sysIds = jsonObject.get("partsList").toString();//这样获得的是将冒号转为等号。 JSONArray pl = jsonObject.getJSONArray("partsList");//这样获得的是原格式。 然后在把JSONArray转为list ...
前端传给后端的数据后面多了个“=“
Wow 五六 !!! 的博客
04-07 3330
原因是后端接收的是context-type:application/json 而axios的post请求默认是context-type: application/x-www-form-urlencoded 这里在前端发起请求前，在请求拦截器中设置一下context-type为json就好了 因为默认是以键值对形式传递 前端传过来的内容是放在k中，v为空，这时候取值时，内容就变成了k=,也就是为什么后端接收的数据，末尾多了一个＝ ...
前端向后端传递时多了个 ‘ = ’
weixin_47918058的博客
12-27 805
前端向后端传递时多了个 ‘ = ’
JSON数据封装规范：让传感器数据更易被后端解析处理的5条黄金准则
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，因其结构清晰、易读易写、语言无关等特性，已成为现代Web服务和物联网系统中数据封装的事实标准。在分布式系统中，JSON不仅承担着前后端通信的载体...
预生成文件系统镜像：使用mkfs.littlefs为ESP32构建可量产存储方案
传统FAT因缺乏这些机制易导致数据损坏，而SPIFFS虽轻量却性能受限。因此，选择兼顾稳定性、效率与安全的文件系统成为关键。 ```c // 示例：ESP-IDF中挂载文件系统的典型代码片段 esp_vfs_littlefs_conf_t conf = { ...
配置中心化管理：用JSON_YAML集中管控ESP32参数的5种最佳实践
# 1. 配置中心化管理的核心价值与ESP32应用场景 在物联网系统演进中，配置中心化管理已成为提升设备可维护性与部署效率的关键范式。... JSON与YAML在嵌入式配置中的理论基础 在物联网（IoT）系统中，
使用HttpClient进行POST请求时发现的一个坑（收到的JSON串后面多了个“＝”）
热门推荐
WolfShadow的博客
05-24 1万+
今天在使用HttpClient进行POST请求调用别人的接口一直失败，查看请求报文与接口文档完全一致；最后求助于接口开发侧，抓取请求报文发现，他们接收到的JSON串后面多了个“＝”号；然后通过在网上查找，问题解决。 原因： 无论是使用HttpClient进行POST，还是前端使用ajax向Java后台发送Json数据，默认请求的Conten...
前端使用JSON.stringify，传递到后台多了个冒号
新前端小白的博客
09-20 5841
场景：前端使用JSON.stringify传递到后台之后报错了，然后后端的说是多了个冒号，在控制台打印出来发现没有冒号。在requestPayload中发现多了个冒号 解决：contentType的默认是application/x-www-form-urlencoded，将contentType改为application/json即可 'contentType': 'application/js...
前端发送请求js对象自动转为json问题
weixin_45768768的博客
09-30 2678
前端发送请求js对象自动转为json问题 问题由来：   在日常开发过程中，我注意到我每次都是定义一个js对象，例如： var postData = { age: 100 }; 用它去请求，我也没有多想，自以为是传输用这个就完事了。 后来，用到postman(请求调试工具)调试，我把前端发送数据复制到postman中，请求时发现报错。研究了一下，联想到Content-type: application/json这个字段。我不禁思索： application/json
json转string(json转string后变成等号了)
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
12-10 651
怎么将JSON格式的串转换成String数组 你可以用正则表达式：List names = new ArrayList();List ids = new ArrayList();Pattern p = Pattern.compile("\"(.*?)\",\"(.*?)\"") ;Matcher m = p.matche...
JSON入门讲解
weixin_30839881的博客
03-11 126
JSON（JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。JSON它是一种轻量级的数据交换格式，非常适合于服务器与 JavaScript 的交互。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。它易于人阅读和编写，同时也易于机器解析和生成...
关于javascrip ==(等号) 和===(恒等)判断
weixin_33965305的博客
08-15 206
说明 在JavaScript中，下面的值被当做假（false），除了下面列出的值，都被当做真（true）: false null undefined 空字符串 数字 0 NaN //属性是代表非数字值的特殊值。NaN 与所有值都不相等，包括它自己 NaN === NaN //false !!NaN === !!N...
Json 语法 格式
xywlzd的专栏
11-30 862
1 JSON对象的表示 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。 每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间使用“,”（逗号）分隔。 表示方法：{key1:value1,key2:value2,......} json采用key/value的方式表示对象。   2 JSON数组表示方式 数组是值（value）
json 对象里面含有 =的解决办法
weixin_30608503的博客
03-12 1131
今天通过restful 调用接口的时候，遇到这样的问题，通过接口返回的数据如下： { "code": 0, "message": "成功", "result": { "count": 1 } } 然后 需要获取 count后面的值，于是 通过json转化的...
JSON与String之间互转
zmz867908的博客
05-14 2365
一、String转json JSON.parse()与eval()都可以实现 二、json转String JSON.stringify(str) **注意：**若转为标准格式的json字符串 使用JSON.stringify(str, null, 6)，带有参数的方法 第二个参数是函数，而第三个参数用于json数据结果的代码缩进 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值