JSON简介,语法,在html中应用

JSON简介

1,json(JavaScript Object Notation)是一种轻量级的文本数据交换格式而非编程语言,
其语法只支持字符串,数值,布尔值及null以及在次基础上的对象和数组。

如下面是json数组

<script>var JSONObject = {"name" = "berg.lee","age" = 18,"phone" = "123456-666"};alert(JSONObject.name);
</script>

2,与xml相同之处
a,是纯文本
b,可读性高
c,有多层结构(值里面有值)
d,可通过js解析

3,与xml不同之处
a,没有结束标签
b,更短
c,读写的速度更快
d,能够使用js的eval()函数解析
e,使用数组
f,不使用保留字(指在高级语言中已经定义过的字,使用者不能再将这些字作为变量名或过程名使用。)

4,为何要用json
在ajax应用程序中,因为它比xml更快更易用

5,使用json
用json读取字符串
eval()处理json字符串

JSON语法

1,{}里面代表对象
2,每个数据用逗号隔开
3,[]可以表示数组
4,实例

"book" : {[{"author": "lee", "bookName": "《gorgeous》"},{"author": "point", "bookName": "《life is awsome》"}]
}
//{"firstName": "point", "lastName": "lee"} //一个json对象
//{"judgeZero": 0, "judgeNull": null, "judgeOstensible": false}

JSON的使用

用eval()函数把json对象转换为js对象
1,JSON的常用场景是后台应用程序将响应数据封装成json格式,传到前台页面后,
将json格式转换成js对象,然后再网页中使用.

2,用字符串作为demo,进行转换
var txt = json字符串
var obj = eval("(" + txt + “)”);
alert(obj.name[0].content);

eval函数不安全,它可以编译其它js

3,用json.parse() 把字符串转成json

	<script>// 创建json语法的js字符串var txt = '{"book": [' + '{"id":1, "bookName": "《Java并发编程》", "author": "qianQian"},' + '{"id":2, "bookName": "《jvm全解》", "author": "point"}' +']}';// eval函数里面要打引号, 不然报错var obj = eval("(" + txt + ")");// parse函数obj = JSON.parse(txt);// alert(obj.book[0].author);</script>
<script>//嵌套json对象var obj = {"book": "《abc》","author": "plusLee","content": {"a": "b","b": "c","d": "e"}}alert(obj.content["a"]);// bfunction showJson() {var user = {"userName": "plusLee","age": 18,"info": {"phone": "123","tel": "666"},"address": [{"city": "beiJing", "postCode": "666"},{"city": "shangHai", "postCode": "233"}]		}alert(user.address[0].city);}showJson();//beiJing</script>

JSON检验工具

json检验工具

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/421058.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

企业网站前端制作实战教程 JQuery CSS JS HTML 登录表单验证

引入重置css样式reset样式 charset "utf-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong…

实验11 编写子程序

本章知识很琐碎&#xff0c;原则是用哪查哪&#xff0c;无需记忆。 设置标志寄存器的意义在于&#xff1a; &#xff08;1&#xff09;用来存储相关指令的某些执行结果&#xff1b; &#xff08;2&#xff09;用来为CPU执行相关指令提供行为依据&#xff1b; &#xff08;3…

Java解析JSON文件

Java解析基于json-simple库,github地址。 https://github.com/fangyidong/json-simple 解析是把字符串变为json文件&#xff0c;或者把json文件变成字符串&#xff0c;然后取值。 package com.lovely.json;import java.io.IOException; import java.io.StringWriter; import j…

前端学习(1041):todolist--html界面

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>todoList待办事项</title> </head><b…

zoj 1366 Cash Machine

01背包加变形 动态规划的时候就犯浑了&#xff0c;每个状态都要记录的&#xff0c;我却只记录了当前状态的&#xff01;&#xff01; #include<stdio.h> #include<string.h> int max(int a,int b) {return (a) > (b) ? (a) : (b); } int a[12],b[12],M,dp[12][…

技术学习路线和安排

操作系统&#xff0c;数据结构和算法&#xff0c;计算机网络是基础课程&#xff0c;这三门课放在零散时间学习&#xff0c;下面这些任务可在2017年内完成。 操作系统&#xff1a;王爽《汇编语言》&#xff0c;《从实模式到保护模式》&#xff0c;《哈工大操作系统公开课》&…

前端学习(1042):todoList存储

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>todoList待办事项</title><script src"…

JS实现Ajax异步刷新

用JS实现post和get两种方式异步刷新 1&#xff0c;Ajax是个啥玩意&#xff1f; Ajax 即"Asynchronous JavaScript And XML", 指一种创建交互式&#xff0c;快速动态网页应用的网页开发技术&#xff0c;无需加载整个网页的情况下&#xff0c;能够更新部分网页的技术。…

实验一:写一个hello world小程序

实验一&#xff1a;写一个hello world小程序 注&#xff1a;本课程为网易云课堂孟宁老师《软件工程&#xff1a;C编码实践篇》 的配套实验与作业。请配合 MOOC 课程学习使用。 实验要求 写一个hello world小程序&#xff1a; 在Linux命令行环境&#xff08;实验楼&#xff09;…

前端学习(1043):回车把数据存储到本地存储里面

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>todoList待办事项</title><script src"…

Keen Team

Keen Team (碁震安全研究团队&#xff0c;KeenTeam)是一支由在信息安全理论和技术研究方面全球领先的中国“白帽”安全专家组成的信息安全研究队伍&#xff0c;成员主要来自微软的安全漏洞研究、安全攻击和防御技术研究、安全应急响应团队。目前&#xff0c;KeenTeam是世界范围…

jQuery 实现Ajax

js实现jQuery请看 js实现jQuery 首先得要jQuery库&#xff0c;里面要jQuery所有的版本提供选择 http://www.jq22.com/jquery-info122 jQuery 相当于一个简化js编程的轻量级的类库。 jQuery代码写在JS的function里面以$符号开头&#xff0c;里面有可以有function&#xff0c;有各…

SSH远程登录

原文请参阅阮一峰网络日志&#xff1a;http://www.ruanyifeng.com/blog/2011/12/ssh_remote_login.html SSH是每一台Linux电脑的标准配置。 随着Linux设备从电脑逐渐扩展到手机、外设和家用电器&#xff0c;SSH的使用范围也越来越广。不仅程序员离不开它&#xff0c;很多普通用…

前端学习(1044):本地存储实现数据录入

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>todoList待办事项</title><script src"…

XCode5添加新建类模板(Cocos2dx Template Class for Scene or Layer)

注&#xff1a;以下内容截选自Cocos2D开发网–Cocos2Dev.com&#xff0c;谢谢&#xff01; 怎么添加xcode类模板? 1、打开Xcode的类模板目录地址&#xff1a;/Applications/Xcode.app/Contents/Developer/Library/Xcode/Templates/File Templates 2、打开里面C and C文件&…

Ajax解析JSON文件

Ajax解析后台来json文件&#xff0c;是用jQuery方式实现的。依赖jQuery库。 jQuery库 Coding coming… 需求&#xff1a;从后台发送学生的json对象&#xff0c;输出到前台&#xff0c;依赖Java解析json的jar包。 java解析json 实体类 package com.lovely.entity;public class …

实验12 编写0号中断的处理程序

1&#xff0c;在地址0:200h处安装中断代码&#xff0c;安装程序如下&#xff1a; assume cs:codesgcodesg segment start: mov ax, csmov ds, axmov si, offset do0 ;设置ds:si指向源地址mov ax, 0mov es, ax mov di, 200h ;设置es:si指目的地址mov cx, offset do0end - o…

前端学习(1045):todolist本地存储加载到页面

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>todoList待办事项</title><script src"…

jsp页面路径问题(404)

1&#xff0c;xml文件修改&#xff0c;servlet的地址名没有修改。 2&#xff0c;给定了许多jsp页面&#xff0c;把jsp页面放到项目里面&#xff0c;页面之间不能跳转&#xff0c;又是相对路径&#xff0c;出现了404&#xff0c;用servlet访问&#xff0c;不能转发&#xff0c;要…

前端学习(1046):todolist删除数据1

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>todoList待办事项</title><script src"…