JSON.stringify和JSON.parse方法的使用

最新推荐文章于 2023-06-20 14:42:55 发布
原创 最新推荐文章于 2023-06-20 14:42:55 发布 · 724 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#spring #json

本文详细解析了JSON.stringify与JSON.parse在前后端数据交换中的应用，特别是当后端使用@RequestBody注解接收参数时，如何正确地进行数据格式转换。探讨了在不同场景下，如单个对象或多个参数传递时，前端如何调整数据发送格式以确保后端能正确接收。

JSON.stringify作用:

JSON.stringify(param);将param参数字符串转换成JSON对象。

JSON.parse作用:

JSON.parse(param);将paramJSON对象转换成参数字符串。

 

  • 如果后台使用@RequestBody注解接收参数。

而请求数据格式如下:

则需使用JSON.stringify()方法将请求参数转换成对象。

  • 如果后端接收前端传入对象时，后端接收方法有多个参数

前端请求数据如上，如图带大括号的为JSON格式对象。

所以如果请求数据为JSON对象，则需要在后端响应方法中给相应的接收数据对象的参数添加@RequestBody注解，如需要接收User属性值

就在User前加上@RequestBody注解即可，但是@RequestBody只能注入一个对象，所以注入user对象后，后一个参数id无法接收。

所以如果在一个方法中接收了多个参数，则不能使用@RequestBody注解，而是需要在前端把请求数据由JSON对象转换为参数字符串，则需在前端使用JSON.parse()方法将原来的对象转换成JSON字符串传入，后端才可接收。

 

so_t
关注
JSON.parse的使用方法和基本定义
知码客
06-09 1097
如果提供了reviver参数，那么在解析过程中，遇到以"/"开头的键值对时，会调用这个函数，并将键值对的值作为参数传入。JSON.parse()方法可以接受一个可选的参数reviver，这是一个函数，用于对解析出来的值进行进一步处理。JSON.parse()方法常用于将从服务器获取的JSON格式的数据转换为JavaScript对象，以便于操作。在使用JSON.parse()方法时，需要注意避免注入攻击，确保传入的字符串是安全的。如果传入的参数不是有效的JSON字符串，则会抛出错误。
JSON.stringify() 、JSON. parse()方法详解
m0_51328823的博客
11-21 2872
json
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
10-17
主要介绍了JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能,结合实例形式分析了JSON.parse()与JSON.stringify()方法实现深拷贝的相关实现技巧与操作注意事项,需要的朋友可以参考下
JSON.parse()用法
热门推荐
qq_44709805的博客
11-27 5万+
JSON.parse()用法 JSON.parse()方法将JSON格式字符串转换为js对象(属性名没有双引号)。 解析前要保证数据是标准的JSON格式，否则会解析出错。 var jstr = '{"name":"wust", "url":"www.wust.edu.cn", "age":120}' var obj = JSON.parse(jstr); // 结果 obj= { name:"wust", url:"www.wust.edu.cn", age:120 } var jarrstr = '.
JSON.stringify( param)
西洲
07-12 5908
在项目中遇到，通过ajax请求，将数组传递给后台。代码： var searchJson==[{propertyName:"start_time",propertyType:"STRING",propertyValue:start_time,matchType:"GE"},{propertyName:"end_time",propertyType:"STRING",propertyValue:en
浅谈JSON.stringify()和JOSN.parse()方法的不同
10-21
JSON.stringify() 和 JSON.parse() 是JavaScript中处理JSON数据的关键函数，它们在JSON操作中起着至关重要的作用。本文将深入探讨这两个方法的功能、用法以及它们之间的差异。 首先，我们来看JSON.stringify()方法...
深入剖析 JavaScript 中的 JSON.stringify 和 JSON.parse
09-15
JavaScript 内置的 JSON.stringify 和 JSON.parse 方法，为开发者提供了便捷的JSON数据序列化和反序列化能力。本文将深入探讨这两个方法的工作原理、使用场景以及一些高级技巧。 JSON.stringify 和 JSON.parse 是 ...
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
10-17
在使用JSON.parse和JSON.stringify时，还需要注意几个细节。首先，JSON字符串格式必须严格遵守JSON的标准，否则解析会失败。其次，由于JSON.stringify可以进行一些额外的转换和过滤操作，所以在转换某些特殊类型的...
解决JSON.stringify()自动将中文转译成unicode的问题
10-18
这个库提供了`JSON.stringify()`和`JSON.parse()`方法，并且可以在有原生`JSON`对象的浏览器中自动回退使用浏览器原生的`JSON`对象。但是，需要特别注意的是，如果在项目中同时存在原生`JSON`对象和`json2.js`库中的...
JavaScript JSON.parse 方法的使用
记录工作开发中遇到的技术难点，方便自己查看，也希望可以帮助到他人...
12-29 9898
1、JSON.parse() 作用：用于将一个 JSON 字符串转换为对象。 语法：JSON.parse(text[, reviver]) 参数说明： text是必须的，一个有效的 JSON 字符串。reviver是可选的，一个转换结果的函数， 将为对象的每个成员调用此函数。 2、简单使用 var students = '{"id": 1, "name": "张三", "age": 20, "gr...
JSON.parse()——07
cyl16688
11-14 1437
JSON.parse() JSON 通常用于与服务端交换数据。 在接收服务器数据时一般是字符串。 我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。 语法 JSON.parse(text[, reviver]) 参数说明： text:必需， 一个有效的 JSON 字符串。 reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。 JSON 解析实例 例如我们从服务器接收了以下数据 { "name":"runoob", "alexa":10000, "s
JSON.parse() 全面用法介绍
大剑师兰特的GIS世界
06-20 4103
JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用方法将数据转换为 JavaScript 对象。
JSON.parse()方法
XTY00的博客
11-20 3万+
一、JSON的解析方法有两种：eval()和JSON.parse() var jsonstr='{"str1":"Hello,", "str2":"world!"}'; var evalJson=eval('('+jsonstr+')'); var jsonParseJson=JSON.parse(jsonstr);  这样就把jsonstr这个json格式的字符串转换成了JSON对象。 ...
JSON.parse()、JSON.stringify()、JSON.parse(JSON.stringify())
程序员小明1024
08-31 1761
.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(51, 51, 51, 1) } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .ma...
JSON parse()方法
海风的博客
05-08 1858
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">                                                                                                var data='{"name":"肖永健","
JSON.parse()和JSON.stringify()
threelifeadv的博客
09-02 248
JSON.parse()：从json字符串中解析出json对象（反序列化）。 JSON.stringify()：用来序列化对象，无论参数是什么类型，输出的内容都是字符串类型。 例如有字符串： var str = '{"name":"chengjunyu", "age":28, "sex":"male"}'; console.log(str); console.log(...
json.stringify与JSON.parse搭配使用
最新发布
08-20
在 JavaScript 中，`JSON.stringify` 和 `JSON.parse` 是两个用于数据转换的核心方法，它们经常被一起使用以实现数据的序列化和反序列化。 `JSON.stringify` 用于将 JavaScript 对象转换为 JSON 字符串。这个过程通常用于数据传输，例如在客户端和服务器之间发送数据。如果对象中存在函数或 `undefined` 值，它们会被忽略或转换为 `null` [^3]。 ```javascript let userObj = { name: "Sammy", email: "sammy@example.com", plan: "Pro" }; let userStr = JSON.stringify(userObj); console.log(userStr); // 输出: {"name":"Sammy","email":"sammy@example.com","plan":"Pro"} ``` 另一方面，`JSON.parse` 用于将 JSON 字符串解析成 JavaScript 对象。这对于从服务器接收的数据特别有用，可以轻松地将其转换回可操作的对象形式 [^2]。 ```javascript let userStr = '{"name":"Sammy","email":"sammy@example.com","plan":"Pro"}'; let userObj = JSON.parse(userStr); console.log(userObj); // 输出: { name: "Sammy", email: "sammy@example.com", plan: "Pro" } ``` 当这两个方法一起使用时，可以实现对象的深拷贝。这意味着原始对象的任何更改都不会影响到拷贝后的对象，因为它们指向不同的内存地址。 ```javascript let original = { data: [1, 2, 3] }; let copy = JSON.parse(JSON.stringify(original)); original.data.push(4); console.log(copy); // 输出: { data: [1, 2, 3] } console.log(original); // 输出: { data: [1, 2, 3, 4] } ``` 需要注意的是，这种方法有其局限性。例如，它不能处理函数、`undefined` 值以及循环引用等复杂数据结构。此外，日期对象会被转换为字符串，而不是保留其 `Date` 对象的形式 [^1]。 ### 使用场景 - **数据传输**：当需要通过网络发送数据时，通常使用 `JSON.stringify` 将数据转换为字符串格式，以便于传输。 - **数据存储**：保存数据到本地存储时，可以先使用 `JSON.stringify` 将数据转换为字符串。 - **数据恢复**：从服务器或本地存储读取数据后，使用 `JSON.parse` 将字符串转换回 JavaScript 对象，以便于操作 [^4]。 ### 注意事项 - **数据类型限制**：`JSON.stringify` 无法正确处理函数、`undefined` 和特殊对象（如 `Date`、`RegExp`）。 - **循环引用**：如果对象中存在循环引用，`JSON.stringify` 会抛出错误。 - **安全性**：使用 `JSON.parse` 解析来自不可信来源的字符串可能存在安全风险，应当谨慎处理 [^1]。 综上所述，`JSON.stringify` 和 `JSON.parse` 是处理 JSON 数据不可或缺的工具，但在使用时需要注意它们各自的限制和特点。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值