JSON基础详解-北京尧图网络

JSON1. JSON 解决什么问题前端页面是 JS后端是 Java/Python/PHP。两门语言不能直接交换对象。JS 有对象{name:张三}后端有自己的对象不能直接传给浏览器。JSON 就是跨语言通用文本格式。把数据转成一段字符串文本网络传输只传文本两端各自把文本转回自己语言能识别的数据。一句话总结JSON 不同语言之间传递数据的通用翻译文本2. JSON 使用场景AJAX 请求后端返回数据基本都是 JSON 格式接口返回列表、用户信息、商品数据就像咱刚才的组织架构树数据后端可以返回 JSONlocalStorage 本地存储只能存字符串JS 对象存本地必须转 JSON 字符串配置文件项目里package.json就是 JSON接口 Mock、ApiPost 调试大部分接口返回 JSON3. JSON 语法规则重点新手最容易踩坑JSON 本质就是一段字符串长得像 JS 对象但有严格限制 ✅ JSON 要求属性名key必须用双引号不能单引号不能不写引号字符串值也必须双引号只能写这几种数据对象{}、数组[]、数字、字符串、true/false、null ❌ JSON不能写注释//、/* */都不行很多新手踩坑写undefined、函数key 用单引号、不带引号// ✅合法JSON { name: 技术部, children: [ {name:前端组} ] }// ❌这是JS对象不是JSON let obj { name:技术部, // key没有双引号 msg:单引号字符串 // 单引号JSON不认 }4. JS 里操作 JSON 的两个核心 API就 2 个JSON 字符串 ↔ JS 对象JSON.parse( json字符串 )解析。把 JSON 文本 → JS 对象前端拿到后端返回数据用这个JSON.stringify( js对象 )序列化。把 JS 对象 → JSON 字符串传给后端或者存 localStorage// 示例 // 1. 一段JSON字符串网络拿到的就是这种文本 let jsonStr { name: 张三, age: 20 } // 2. JSON字符串转JS对象前端直接读取属性 let userObj JSON.parse(jsonStr) console.log(userObj.name) // 3. JS对象转JSON字符串 let person {name:李四,age:22} let str JSON.stringify(person) console.log(str)类比理解 JSON 字符串纸质写的单据只能看不能直接操作 JS 对象 JS 内存里的对象可以随便读取修改parse把纸上文字录入电脑变成对象stringify把电脑对象打印成纸质单据文本

JSON基础详解

相关推荐

【设计模式系列 (三) 】单例模式

PanWatch 持仓页点一下会发生什么？TradingAgents 深度分析全流程实测

iView 组件从 Vue 1.x 迁移到 2.x 的 API 变更清单与实战迁移指南

更多资讯

商标侵权的四个要素

少林功夫传承学校办学实力怎么样

网络物理层从原理到排障：编码、介质与常见问题全解析

用了一周 Meta 的 Muse，聊聊这个「个人 AI Agent」到底怎么样

【计算机毕业设计】基于Springboot的休闲娱乐代理售票系统+LW

EF Core并发冲突实战：乐观锁、RowVersion与异常处理深度解析

今日更新

MATLAB+Yalmip+CPLEX实战：综合能源系统优化调度全流程解析

I3C比I2C快10倍？RK3576实战：速率、DTS配置与混合总线避坑指南

字符串转对象：JSON.parse、new Function与URLSearchParams

本周精选

如何彻底离线使用 Laya-CoreML：Hugging Face 下载、缓存机制与 local_files_only 详解

基于1Panel 部署MySQL MCP 服务：TaoToken 统一 Key 接入与 config.toml 配置实战

崇州园区营销网站建设避坑指南：5大注意事项保备案安全

本月热门

基于YOLO的焊缝缺陷检测：从数据标注到工业部署全流程实践

分布式服务的决策记录

创业产品的首版范围

读完文章，想聊聊您的网站？