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

最新推荐文章于 2022-12-27 14:44:37 发布
最新推荐文章于 2022-12-27 14:44:37 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： 项目搭建问题 文章标签： 前端 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csnz123123/article/details/123816901
版权

问题：

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

解决办法：

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

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

前端代码

在这里插入图片描述

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

后端代码

在这里插入图片描述

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

在这里插入图片描述

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

网上搜索了一下，发现

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

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

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

在这里插入图片描述

后端指定接受的类型

在这里插入图片描述

至此 数据即可成功传输~

CSNZのBlog
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JSON字符串多了一个等号
木心小白菜的博客
11-25 1746
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入门讲解
weixin_30839881的博客
03-11 69
JSON（JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。JSON它是一种轻量级的数据交换格式，非常适合于服务器与 JavaScript 的交互。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。它易于人阅读和编写，同时也易于机器解析和生成...
前端传给后端的数据后面多了个“=“
Wow 五六 !!! 的博客
04-07 2963
原因是后端接收的是context-type:application/json 而axios的post请求默认是context-type: application/x-www-form-urlencoded 这里在前端发起请求前，在请求拦截器中设置一下context-type为json就好了 因为默认是以键值对形式传递 前端传过来的内容是放在k中，v为空，这时候取值时，内容就变成了k=,也就是为什么后端接收的数据，末尾多了一个＝ ...
json数据包含等号解析
m0_37987151的博客
01-14 4289
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".
前端向后端传递时多了个 ‘ = ’
weixin_47918058的博客
12-27 575
前端向后端传递时多了个 ‘ = ’
使用HttpClient进行POST请求时发现的一个坑（收到的JSON串后面多了个“＝”）
热门推荐
WolfShadow的博客
05-24 1万+
今天在使用HttpClient进行POST请求调用别人的接口一直失败，查看请求报文与接口文档完全一致；最后求助于接口开发侧，抓取请求报文发现，他们接收到的JSON串后面多了个“＝”号；然后通过在网上查找，问题解决。 原因： 无论是使用HttpClient进行POST，还是前端使用ajax向Java后台发送Json数据，默认请求的Conten...
一个很棒的json到json数据映射器-Node.js开发
05-27
很棒的json2json到json映射器的很棒的json安装npm install awesome-json2json --save用法从'awesome-json2json'导入... // { new_foo：1}模板模板是输出json的结构，以及如何将一个json数据映射到另一个json的规则。
前端开发中国地图资源China.json
最新发布
03-29
在前端开发中我们使用echarts图表开发飞线图时 需要用到中国地图的地理数据，此数据包涵盖了 满足的地理数据，不管是html开发，还是框架开发（vue） 直接下载放再目录里面 html 使用中国地图JSON地理数据时 const ...
前端展示json数据，格式化，可折叠展开
05-12
本主题将详细介绍如何在前端实现JSON数据的格式化展示，以及支持折叠和展开的功能。 首先，理解JSON的基本结构是至关重要的。JSON由键值对组成，键必须是字符串，用双引号包围，而值可以是各种类型，如字符串、数字...
$.ajax传JSON数据到后台出现报错问题解决
10-26
6. **JSON.stringify()**：如果`data`参数是一个复杂的JavaScript对象，你可能需要使用`JSON.stringify()`将对象转换为JSON字符串。例如： ```javascript data: JSON.stringify({ 'data': { 'typename': typename...
前端省市区三级联动json数据.rar
01-09
总的来说，这个"前端省市区三级联动json数据.rar"压缩包为前端开发者提供了一个完整的解决方案，包括了所需的数据和可能的实现工具，帮助开发者快速创建出符合需求的地址选择功能。在实际开发中，根据项目的具体需求...
前端使用JSON.stringify，传递到后台多了个冒号
新前端小白的博客
09-20 5594
场景：前端使用JSON.stringify传递到后台之后报错了，然后后端的说是多了个冒号，在控制台打印出来发现没有冒号。在requestPayload中发现多了个冒号 解决：contentType的默认是application/x-www-form-urlencoded，将contentType改为application/json即可 'contentType': 'application/js...
json转string(json转string后变成等号了)
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
12-10 475
怎么将JSON格式的串转换成String数组 你可以用正则表达式：List names = new ArrayList();List ids = new ArrayList();Pattern p = Pattern.compile("\"(.*?)\",\"(.*?)\"") ;Matcher m = p.matche...
前端使用Ajax发送post请求json数据到后端SpringBoot，数据多出一个 等号 "="
浅瞳夜未的博客
02-15 4812
今天在做开发的过程中，遇到一个Bug，在此记录下来。流程：前端使用Ajax发送post 请求到后端SpringBoot，后端接受到数据之后发现多了一个 = ，查阅各种资料，排查问题，最终解决了问题，操作步骤如下： 原前端ajax代码： var postURL = "你的URL地址"; $.ajax({ url: postURL, data:encodeURIComponen...
关于javascrip ==(等号) 和===(恒等)判断
weixin_33965305的博客
08-15 152
说明 在JavaScript中，下面的值被当做假（false），除了下面列出的值，都被当做真（true）: false null undefined 空字符串 数字 0 NaN //属性是代表非数字值的特殊值。NaN 与所有值都不相等，包括它自己 NaN === NaN //false !!NaN === !!N...
json 对象里面含有 =的解决办法
weixin_30608503的博客
03-12 1020
今天通过restful 调用接口的时候，遇到这样的问题，通过接口返回的数据如下： { "code": 0, "message": "成功", "result": { "count": 1 } } 然后 需要获取 count后面的值，于是 通过json转化的...
JSON与String之间互转
zmz867908的博客
05-14 2101
一、String转json JSON.parse()与eval()都可以实现 二、json转String JSON.stringify(str) **注意：**若转为标准格式的json字符串 使用JSON.stringify(str, null, 6)，带有参数的方法 第二个参数是函数，而第三个参数用于json数据结果的代码缩进 ...
Json介绍
WOAIWXN的博客
08-02 538
一.定义 JSON(JavaScript Object Notation)一种轻量级的数据交换格式，具有良好的可读和便于快速编写的特性。可在不同平台之间进行数据交换。JSON采用兼容性很高的、完全独立于语言文本格式，同时也具备类似于C语言的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)体系的行为。这些特性使JSON成为理想的数据交换语言。 JSON基于JavaScript Programming Langua...
GSON解析“="等号出现乱码
shi子的学习笔记
05-15 1873
最近项目中使用gson来将对象转换为json字符串的时候，竟然出现了乱码的问题！   使用如下代码：   new Gson().toJson(http://www.baidu.com/id=1);   结果却是：   “http://www.baidu.com/id\u003d1 ”   后来看了一下GsonBuilder才找到解决问题的
展示一个前端向后端传输json格式数据的代码
06-11
好的，以下是一个前端向后端传输JSON格式数据的示例代码： ```javascript // 创建一个JSON对象 const data = { name: 'John', age: 30, city: 'New York' }; // 将JSON对象转成JSON字符串 const jsonData = ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值