`
lgywindows
  • 浏览: 9342 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

json的前端表达

阅读更多
摘抄加修改后整理的json关于前台表达的文档
一、区分JSON字符串与JSON对象
在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象。
所以,JSON对象和JSON字符串之间的相互转换是关键。
格式语法:
JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON对象:
var str2 = { "name": "cxh", "sex": "man" };

二、JSON字符串转换为JSON对象
转换语法:
var obj = eval('(' + str + ')');//实用
或者
var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
或者
var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

特别留心:如果obj本来就是一个JSON对象,那么运用 eval()函数转换后(哪怕是多次转换)还是JSON对象,
但是运用 parseJSON()函数处理后会有疑问(抛出语法异常)。

三、JSON对象转换为JSON字符串
var last=obj.toJSONString(); //将JSON对象转化为JSON字符
或者
var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
留心:
上面的多个要领中,除了eval()函数是js自带的之外,其他的多个要领都来自json.js包。
新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个要领都注入到了 Javascript 的内建对象里面,
前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。
如果提示找不到toJSONString()和parseJSON()要领,则说明您的json包版本太低。

三 JSON的读取格式 可以用点的调用方式也可以用中括号的调用方式。
var person = {name:'www',books:[{name:'java',info:'fff'},{name:'C++',info:'I need see'}]}
alert(person.books[1].info);
alert(person["books"][1]["info"]);

分享到:
评论

相关推荐

    前端项目-prostyle.zip

    Prostyle扩展了GSAP,使您能够使用一种表达性、声明性的JSON语法来制作时间线动画。另外,它还有自定义的控制器和扩展。想要轨迹条控制器吗?只需添加一行JSON。它也会自动调整大小以适应显示。轻松制作丰富的动画™

    Bang JSON workspace-crx插件

    前端JSON工作区,帮助开发人员快速了解API,而无需编写任何Web额写脚本。它侧重于浏览,查询和遍历JSON而不是简单地可视化它。试试http://httpbin.org/gephash?foo=bar安装后,看看差异!v0.1.7中的更新: - 爆炸...

    bookstore, 使用 Nodejs Express和MongoDB的简单 RESTful JSON api.zip

    bookstore, 使用 Nodejs Express和MongoDB的简单 RESTful JSON api 书店书店是一个简单的web应用程序,它包括和表达 RESTful API服务器和AngularJS的前端可以在这里找到与这个项目有关的视频教程 ...

    前端

    所有依赖项都在package.json中定义,并通过yarn进行管理。 要最初安装所有依赖项,并且在列表依赖项已更改时,请运行yarn 。 $ yarn 启动开发服务器 使用在端口3000上侦听的热重装中间件来启动节点服务器。 $ yarn...

    readis:PHP中的轻量级Web前端,用于从多个Redis服务器读取数据,统计信息和配置

    再一个DIS ...修饰的JSON视图(如果value是紧凑的JSON字符串) 慢速日志列表 具有所有当前服务器实例信息/统计信息的表 具有所有当前服务器配置的表 实时服务器监视器,用于连接的客户端和I / O

    全栈博客项目 前后台Nuxt+vue+nest后端接口 自动发邮件等功能

    用户认证与授权: 项目实现了用户注册和登录功能,使用JWT(JSON Web Token)进行用户身份验证和授权管理,保障用户信息安全。 文章管理: 用户可以发布、编辑和删除文章。文章支持富文本编辑器,使用户可以丰富地...

    learningpath-frontend:NDLA学习路径前端

    所有依赖项都在package.json中定义,并通过yarn进行管理。 要最初安装所有依赖项,并且在列表依赖项更改后,请运行yarn 。 $ yarn 启动开发服务器 使用在端口3000上侦听的热重装中间件来启动节点服务器。 $ yarn ...

    Flask-Express-React:这是带有Python 3 Flask,React前端,单独的Express Web服务器和Webpack捆绑的Web应用程序的模板

    烧瓶表达React 这是带有Python 3 , 前端,单独的 Web服务器和捆绑的Web应用程序的模板。 为什么要使用单独的Web服务器? Flask应用程序可以直接直接服务于React应用程序。 通过Node.js Express服务器为网站提供...

    choo-fullstack:使用choojs,表达,财富作为数据库进行实验

    堆栈Choo和tachyons作为前端表示为后端财富作为数据库存储用于构建前端代码的Parcel v2 和其他很棒的包(package.json#dependencies)... 保持代码小是我的主意在笔记本电脑上尝试git clone ...

    gulpjs-starter-config:配置初始程序前端实用程序GulpJS和Typescript

    gulpjs-starter-config 配置初始项目前端实用程序GulpJS和Typescript 重要说明:Todas是基于desenvolvimento devem的安装手册。 Este arquivo为EXEMPLO发球。 Este arquivonãoe Absoluto,表达了解放和解放的自由。...

    RunoX:rxjs UNO游戏

    库-> Runox-Game-Engine打字稿后端->节点API->表达前端-> javascript / Angular / React / Vue / Svelte DB-> Firebase / Postgresql / Redis科莫·阿格里加尔·新普罗维克托crear el proyecto封装ejecutar lerna ...

    csgo-rcon-nodejs:用于控制CS:GO服务器的Web面板

    反恐精英全球进攻网络面板用于控制CS:GO服务器的Web面板后端结构节点JS 简单节点记录器srcds-rcon 杰森DB 表达高速WS前端结构Webpack 事前路由器引导程序萨斯索克特基本用法从GitHub上的发布页面下载最新版本将二...

    实验室表达基本站点

    要求您的网站应至少有3页: 主页“关于”页面相册页面您的站点还应该具有一个public/文件夹,用于: CSS样式图片(附赠)一些小型前端JavaScript(点击事件,淡入,弹出窗口等) 下课前发送您的拉取请求!...

    sonicjs:SonicJS是基于现代开源NodeJs的内容管理系统

    前端Json编辑器 Swagger API资源管理器 访问了解详细信息,视频和文档 SonicJs NodeJs内容管理系统(CMS) 总览 SonicJs是基于REST API的100%基于javascript的CMS / Framework,基于以下技术堆栈构建: 节点 表达 ...

    express-work

    一个分支,用于检查两者之间的通信,以Angular为前端,表达为后端。 一个学习如何使用ORM联接表的分支:针对PostgreSQLSequelize 一个学习ORM基本用法的分支:针对PostgreSQLSequelize Qiita的处理非常。 一个...

    model_presenter:Ruby 项目中使用的演示者模式的实现

    模特展示 ModelPresenter 提供了创建演示者的基本框架。 gem 的目标是在任何需要... 另一个例子,如果前端需要以人类可读的方式(例如“男”和“女”)有一个人的性别,这不是商业模式所关心的。 商业模型以某种方式知

    react-express-calculator:使用create-react-app,Express和Node.js构建的简单iOS样式计算器

    React表达计算器 使用create-react-app,Express和Node.js构建的简单计算器 该项目建立在项目上,该项目是... 设置package.json文件以使用Yarn包管理器通过并发( )同时部署Express后端和React前端应用程序。 要运

    reference:HTML、CSS、JavaScript、Grunt、Git、Sass 和 Compass

    计算机科学数据结构算法Big-O 空间/时间分析编程精通函数式编程面向对象编程异步编程递归常用表达前端 AJAX JSON 后端表示Ruby on Rails 数据库SQL SQLite PostgreSQL MongoDB 工具外壳脚本吉特GitHub 比特桶崇高的...

    bill-react:ReactFlux练习

    React/助焊剂编码练习背景第一次读到许多关于React的文章之后...简要显示客户账单使用任何语言,工具或框架从给定端点将账单作为JSON消费: http://trh-x.com/bill/bill.json评估标准TDD / BDD 简单而雄辩的代码前端开

    MovieDB

    指示在提交回购内部执行git pull 转到提交/挑战/电影数据库在每个步骤之后提交,通过步骤名称调用每个提交目标: 学习表达了解API的工作方式了解REST介面的运作方式胜任力: Express.js 蜜蜂休息JSON格式第1步-设置...

Global site tag (gtag.js) - Google Analytics