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

最新推荐文章于 2022-11-01 17:07:17 发布
最新推荐文章于 2022-11-01 17:07:17 发布
阅读量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 1764
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 72
JSON（JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。JSON它是一种轻量级的数据交换格式，非常适合于服务器与 JavaScript 的交互。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。它易于人阅读和编写，同时也易于机器解析和生成...
前端传给后端的数据后面多了个“=“
Wow 五六 !!! 的博客
04-07 2994
原因是后端接收的是context-type:application/json 而axios的post请求默认是context-type: application/x-www-form-urlencoded 这里在前端发起请求前，在请求拦截器中设置一下context-type为json就好了 因为默认是以键值对形式传递 前端传过来的内容是放在k中，v为空，这时候取值时，内容就变成了k=,也就是为什么后端接收的数据，末尾多了一个＝ ...
使用HttpClient进行POST请求时发现的一个坑（收到的JSON串后面多了个“＝”）
热门推荐
WolfShadow的博客
05-24 1万+
今天在使用HttpClient进行POST请求调用别人的接口一直失败，查看请求报文与接口文档完全一致；最后求助于接口开发侧，抓取请求报文发现，他们接收到的JSON串后面多了个“＝”号；然后通过在网上查找，问题解决。 原因： 无论是使用HttpClient进行POST，还是前端使用ajax向Java后台发送Json数据，默认请求的Conten...
java调接口接收json数据 转json字符串被转为等号
qq_39008613的博客
04-21 6199
和别的公司联调数据碰到json数据转list 字符串变为=号的问题 String sysIds = jsonObject.get("partsList").toString();//这样获得的是将冒号转为等号。 JSONArray pl = jsonObject.getJSONArray("partsList");//这样获得的是原格式。 然后在把JSONArray转为list ...
前端使用Ajax发送post请求json数据到后端SpringBoot，数据多出一个 等号 "="
浅瞳夜未的博客
02-15 4832
今天在做开发的过程中，遇到一个Bug，在此记录下来。流程：前端使用Ajax发送post 请求到后端SpringBoot，后端接受到数据之后发现多了一个 = ，查阅各种资料，排查问题，最终解决了问题，操作步骤如下： 原前端ajax代码： var postURL = "你的URL地址"; $.ajax({ url: postURL, data:encodeURIComponen...
一个很棒的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...
Django和前端用ajax传输json等数据.docx
11-22
在本文中，我们将深入探讨如何在Django框架中与前端使用Ajax进行JSON数据的传输。Ajax（Asynchronous JavaScript and XML）是一种在不刷新整个页面的情况下更新部分网页的技术，而JSON（JavaScript Object Notation...
记录List＜Map＞装JSON过程中“：”变成了“=”解决
baidu_30744225的博客
07-28 1721
{result=1, msg=OK, code=, data=[{tagCode=, coverageRate=, sort=, enumName=, enumVal=}]} 应该是 {result=1, msg=OK, code=, data=[{"tagCode":"","coverageRate":"","sort":"","enumName":"","enumVal":""}]} 遇到这个问题的小伙伴如果返回类型是resultMap<String,Object>，或者在之前做了ma
json数据包含等号解析
m0_37987151的博客
01-14 4302
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".
json 对象里面含有 =的解决办法
weixin_30608503的博客
03-12 1023
今天通过restful 调用接口的时候，遇到这样的问题，通过接口返回的数据如下： { "code": 0, "message": "成功", "result": { "count": 1 } } 然后 需要获取 count后面的值，于是 通过json转化的...
前端请求传到后台多了个等号
杰克拉乌的博客
07-30 6998
前端请求如果后端设置header的话，前后端需要对应。 如果不设置，会以默认值传就会莫名其妙的多了个等号
axios发送post请求传到后台，数据后多了一个等号
qq_54162207的博客
05-27 1997
最近在写前后端分离项目的删除单行数据时，需要由前端发送axios请求，传输数据到后台，后台拿到的数据多了一个等号，百思不得其解，我以为是数据绑定出了问题，筛查后发现并不是绑定的问题，搜集过大量资料后发现是前后端数据传输类型不同的原因。 出现问题的前端代码： // 发送ajax请求，请求后台删除指定学号的学生信息 axios.post("stuInfo/delete",row.id).then((response)=>{ if (response.data.flag){ // 删
【Vue + ElementUI】实现前端调用接口传递 form-data 类型入参及总结遇到的问题记录（状态码 415 问题及记录如何生成 File 文件对象）
一个努力学习的程序猿
11-01 3973
（1）实现 Vue 前端组装一个 Form-Data 类型入参并解决 415 状态码问题； （2）解决如何根据文件路径转换成 File 文件对象，再拼接进 Form-Data 入参； （3）使用 ElementUI el-upload 组件，实现手动上传文件，并拼接进 Form-Data 入参。
JSON转换异常之map转list
weixin_51361773的博客
06-15 404
JSON转换异常之map转list 报以下异常： com.alibaba.fastjson.JSONException: not match : - =, info : 提示表明：在map转list的过程中不是标准的json字符串，需要把“=”转换成“:” 解决方法：如果是需要转换为特定的数组对象，获取时可以先强制转换成数组对象；或者是数组map对象。再转换成JSON字符串，最后转成想要的数组对象 public Result handleIn(Map resultMap){ List&lt
展示一个前端向后端传输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、付费专栏及课程。

余额充值