细读 php json数据和JavaScript json数据
关于JSON的优点:
1、基于纯文本,跨平台传递极其简单;
2、Javascript原生支持,后台语言几乎全部支持;
3、轻量级数据格式,占用字符数量极少,特别适合互联网传递;
4、可读性较强
5、容易编写和解析,
一,phpjoson数据
PHP支持两种数组,一种是只保存"值"(value)的索引数组(indexed array),另一种是保存"名值对"(name/value)的关联数组(associative array)。
json数据的格式有对象和数组,大括号{}和方括号[],其余英文冒号:是映射符,英文逗号,是分隔符,英文双引号""是定义符。
对象:
1.是一个无序的“‘名称/值’对”集合
2.以 “{” (左括号)开始,“}”(右括号)结束
3.每个“名称”后跟一个“:”(冒号)
4.多个 ”名称”:”值” 之间使用 ,(逗号)分隔
5.例如:{“username”:”chenshishuo”,”sex”:”man”,”age”:”22”}
数组:
1.值(value)的有序集合
2.以“[”(左中括号)开始,“]”(右中括号)结束
3.值之间使用“,”(逗号)分隔
4.例如:[“a”,”b”,”c”,”d”]
//json_encode()
1)数组是索引数组

那么输出的是

2)数组是关联数组

那么输出的是

注意,数据格式从"[]"(数组)变成了"{}"(对象)。
3)转化类

输出的是

可以看到,除了公开变量(public),其他东西(常量、私有变量、方法等等)都遗失了。
//json_decode
1.键值对json数组

1)运行出来后得到一个对象

如果要取得这个对象的某个值可以用
$objJson = json_decode($json);
$objJson->a; //输入 hello
2)如果要用json_decode(“键值对json数据”) 返回的是一个数组
则需要加一个参数
json_decode($json,true);
2.非键值对的json数据

运行出来后得到的是一个数组

二.javascript json数据
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
window.onload = function(){ var test = {
"a": "hello",
"b": "world",
"c": 22,
"d": true
} var testone = test.c;
alert("第一次"+testone); var testmore = [
{
"a": "hello",
"b": "world",
"c": 22,
"d": true
},
{
"a": "hello2",
"b": "world2",
"c": 23,
"d": true
},
{
"a": "hello3",
"b": "world3",
"c": 24,
"d": false
}
]
var testtow = testmore[1].a
alert("第二次"+testtow); var testmul = {
"name":"css",
"sex":"man",
"age":22,
"hobby":
[
{
"ball":"basketball",
"like":"30%",
},
{
"ball":"basketball",
"like":"70%",
},
{
"ball":"football",
"like":"0%",
},
]
}
var testthree = testmul.hobby[1].ball+"---"+testmul.hobby[1].like;
alert("第三次"+testthree);
}
</script>
<body>
hello world
</body>
</html>
1. { } 对于javascript 读取对象中的值用 "."
例如第一个例子 var testone = test.c;
2. [ ] 数组中的值 需要添加相对应的键值或者索引值
例如第二个例子的 var testtow = testmore[1].a
细读 php json数据和JavaScript json数据的更多相关文章
- 向json中添加新的熟悉或对象 Add new attribute (element) to JSON object using JavaScript
How do I add new attribute (element) to JSON object using JavaScript? JSON stands for JavaScript Obj ...
- 移动端基于HTML模板和JSON数据的JavaScript交互
写本文之前,我正在做一个基于Tab页的订单中心: 每点击一个TAB标签,会请求对应状态的订单列表.之前的项目,我会在js里使用 + 连接符连接多个html内容: var html = ''; htm ...
- JSON数据与JavaScript对象转换
使用JSON时,最基本的工作就是JSON数据与JavaScript对象之间的互相转换.如浏览器 从服务器端获得JSON数据,然后转换为JavaScript对象在网页输出. SON: JavaScrip ...
- 8.7 JSON存储数据方式(JavaScript对象表示法)
8.7 JSON存储数据方式(JavaScript对象表示法) JSON JavaScript 对象表示法(JavaScript Object Notation) 是一种存储数据的方式. 一.创建JS ...
- JavaScript学习总结(六)数据类型和JSON格式
转自:http://segmentfault.com/a/1190000000668072 什么是JSON JSON:JavaScript 对象表示法(JavaScript Object Notati ...
- javascript json数据的处理
1.前端页面default.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...
- (Spring4 json入门)Spring4+SpringMVC+页面数据发送与接收(json格式)
jar包(Maven仓库): Spring4 jar包(Maven仓库): 在测试过程中我查看了网上的一些教程,但是那些教程都是在Spring3环境下的,Spring3和Spring4解析json需要 ...
- 用ajax获取后台数据,返回json数据,怎么在前台使用?
用ajax获取后台数据,返回json数据,怎么在前台使用呢?后台 C# code ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 if (dataType == &qu ...
- ios的网络数据下载和json解析
ios的网络数据下载和json解析 简介 在本文中,笔者将要给大家介绍如何使用nsurlconnection 从网上下载数据,以及解析json数据格式,以及如何显示数据和图片的异步下载显示. 涉及的知 ...
随机推荐
- getQueryString.js
function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&] ...
- DNN原理探究系列之目录与序章篇
序言: 神经网络结构,作为最成功的机器学习模型之一,其工作原理一直被埋藏得比较深,其解释性以至于被称为黑盒. 自己对于DNN的理解也只能算刚踏入了门槛,对于人脑的原理与DNN原理之间的互通性,一直是非 ...
- AspNet Core 认证
一 Cookie认证 1 services.AddAuthentication(CookieAuthenticationDefaults.AuthenticationScheme).AddCooki ...
- python文件操作打开模式 r,w,a,r+,w+,a+ 区别辨析
主要分成三大类: r 和 r+ "读"功能 r 只读 r+ 读写(先读后写) 辨析:对于r,只有读取功能,利用光标的移动,可以选择要读取的内容. 对于r+,同时具有读和写 ...
- python简单入门
一. 初识python. 1. 认识计算机 CPU(大脑) 3GHZ + 内存(DDR4) + 主板 + 电源(心脏)+ 显示器 + 键盘 +鼠标+ 显卡 + 硬盘 80MB/s 操作系统 windo ...
- java基本类型的默认值
基本类型 默认值 取值范围 (最大/最小) 字节数 二进制位数 byte 0 127(2^7-1) -128(-2^7) 1byte 8bit short 0 32767(2^15 - 1) -327 ...
- centos6安装oracle11g过程中报错Error in invoking target “install” of makefile ‘/home/oracle/app/oracle/product/11.2.0/dbhome_1/ctx/lib/ins_ctx.mk’
报这个错误的原因是由于缺少compat_libstdc包所导致.安装即可 1.在http://www.rpm-find.net/linux/rpm2html/search.php?query=comp ...
- freeType移植总结①——使用keil编译freeType2库
在各个技术博客搜索相关资料后,终于将freeType的源码用keil工程编译通过,这里记录一下步骤和遇到的问题. 因为网上的资料都是旧版本freeType的工程,这里博主使用的是freeType2.9 ...
- Final——无线网络密码破解——WPA/WPA2
Final--无线网络密码破解--WPA/WPA2 20154305 齐帅 ↓ ↓ ↓ * # % & 郑 重 声 明 & % # * ↓ ↓ ↓ 本实验教程用于探索无线路由安全漏洞, ...
- 07arguments对象.html
07arguments对象.html <!DOCTYPE html> <html lang="en"> <head> <meta char ...