前端json介绍和处理

最新推荐文章于 2024-12-12 15:12:07 发布

星星落进兜里

最新推荐文章于 2024-12-12 15:12:07 发布

阅读量518

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： json javascript js ajax

本文链接：https://blog.youkuaiyun.com/baidu_31028577/article/details/110860995

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了JSON和JavaScript对象之间的转换方法。示例中展示了如何将JSON对象解析成JavaScript对象，以及如何将JavaScript对象序列化为JSON字符串。在前端开发中，这种转换常用于处理服务器返回的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

前端处理json的方法.
参见:
https://www.runoob.com/json/json-parse.html

一、介绍

JSON 实例(对象)

{
“sites”: [
{ “name”:“菜鸟教程” , “url”:“www.runoob.com” },
{ “name”:“google” , “url”:“www.google.com” },
{ “name”:“微博” , “url”:“www.weibo.com” }
] }

js对象

var person = {
firstName:“John”,
lastName:“Doe”,
age:50,
eyeColor:“blue”
};

JSON 对象转为js对象

使用JSON.parse(JSON 对象);
例如:
JSON 对象:xhr.responseText
–responseText- {“timestamp”:“2020-12-08T03:05:10.727+0000”,“status”:500,“error”:“Internal Server Error”,“message”:"/ by zero",“path”:"/api/Account/Register"}

转为js对象: parse .
let parse = JSON.parse(xhr.responseText);
获取其中的元素.
parse.message

js对象转为JSON 对象

使用JSON.stringify( js对象);
例如:
success: function(data) {
console.log(’-data–’+data);
let s = JSON.stringify(data);
console.log(’-s–’+s);
vm.msg = ‘注册成功！’
}
其中:
data:
[object Object], 是js对象.
s : {“outMessage”:[{“email”:“32”,“password”:“2424”,“confirmPassword”:“666”}]},
是json对象.