JSON：JavaScript 对象表示法（JavaScript Object Notation）。

JSON的特点：

JSON 是纯文本

JSON 具有“自我描述性”（人类可读）

JSON 具有层级结构（值中存在值）

JSON 可通过 JavaScript 进行解析

JSON 数据可使用 AJAX 进行传输

JSON 语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。

  • 数据在名称/值对中

"name" : "soulsjie"

  • 数据由逗号分隔

"firstName":"John" , "lastName":"Doe"

  • 花括号保存对象

{ "name":"soulsjie" , "sex":"男" }

  • 方括号保存数组

{

"info": [

{ "firstName":"John" , "lastName":"Doe" },

{ "firstName":"Anna" , "lastName":"Smith" },

{ "firstName":"Peter" , "lastName":"Jones" }

]

}

数据访问：

employees[0].lastName;

结果是：Gates

数据格式：

var info= {

"myname":"soulsjie",

"myage":18,

"myclass":"3班",

"myphone":"11121212154"

};

JavaScript读取json的实例：

<html>

<body>

<h2>在 JavaScript 中创建 JSON 对象</h2>

<p>

姓名: <span id="myname"></span><br />

年龄: <span id="myage"></span><br />

班级: <span id="myclass"></span><br />

手机: <span id="myphone"></span><br />

</p>

<script type="text/javascript">

var info= {

"myname":"soulsjie",

"myage":18,

"myclass":"3班",

"myphone":"11121212154"};

document.getElementById("myname").innerHTML=info.myname

document.getElementById("myage").innerHTML=info.myage

document.getElementById("myclass").innerHTML=info.myclass

document.getElementById("myphone").innerHTML=info.myphone

</script>

</body>

</html>

jQuery读取json数据实例：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script src="libs/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

//创建json格式的数据

var info= {

"myname":"soulsjie",

"myage":18,

"myclass":"3班",

"myphone":"11121212154"

};

$("button").click(function(){//读取json的数据

$(".t1").html(info.myname);

$(".t2").html(info.myage);

$(".t3").html(info.myclass);

});

});

</script>

</head>

<body>

<button>获取JSON格式数据</button>

<p>

姓名：<span class="t1"></span><br/>

年龄：<span class="t2"></span><br/>

班级：<span class="t3"></span><br/>

</p>

</body>

</html>

利用eval ()将json字符串转换为json对象：

//json字符串

var test = '{ "student" : [' +

'{ "name":"stu1" , "age":15 },' +

'{ "name":"stu2" , "age":16 },' +

'{ "name":"stu3" , "age":20 } ]}';

//转换成json对象

var objtest = eval ("(" + test + ")");

$("button").click(function(){//读取json的数据

alert(objtest.student[0].name);

});

});

json数据的格式，JavaScript、jQuery读取json数据的更多相关文章

  1. Javascript/jQuery关于JSON或数组集合的几种循环方法

    JavaScript遍历JSON或数组集合: /** * 根据json数据生成option树形控件 * 如果有children节点则自动生成树形数据 * @param {JSON} data * @p ...

  2. jQuery读取json文件，实现省市区/县（国标）三级联动

    最近做一个微信项目,需要用户填写所在的省市区/县,决定使用jQuery读取json文件来实现省市区/县的联动. 其实很简单,jQuery文档也有详细解释: 代码如下: html <table w ...

  3. 常用两种数据交换格式之XML和JSON的比较

    目前,在web开发领域,主要的数据交换格式有XML和JSON,对于XML相信每一个web developer都不会感到陌生: 相比之下,JSON可能对于一些新步入开发领域的新手会感到有些陌生,也可能你 ...

  4. javascript/jquery读取和修改HTTP headers

    javascript/jquery读取和修改HTTP headers jquery修改HTTP headers jQuery Ajax可以通过headers或beforeSend修改request的H ...

  5. EF+LINQ事物处理 C# 使用NLog记录日志入门操作 ASP.NET MVC多语言 仿微软网站效果(转) 详解C#特性和反射（一） c# API接受图片文件以Base64格式上传图片 .NET读取json数据并绑定到对象

    EF+LINQ事物处理   在使用EF的情况下,怎么进行事务的处理,来减少数据操作时的失误,比如重复插入数据等等这些问题,这都是经常会遇到的一些问题 但是如果是我有多个站点,然后存在同类型的角色去操作 ...

  6. jQuery读取JSON总结

    1.jQuery 部分 <script src="js/jquery.js" type="text/javascript"></script& ...

  7. 两种常用的数据交换格式：XML和JSON

    不同编程语言之间的数据传输,需要一种通用的数据交换格式,它需要简洁.易于数据储存.快速读取,且独立于各种编程语言.我们往往传输的是文本文件,比如我们都知道的csv(comma seperated va ...

  8. （The application/json Media Type for JavaScript Object Notation (JSON)）RFC4627-JSON格式定义

    原文  http://laichendong.com/rfc4627-zh_cn/ 摘要 JavaScript Object Notation (JSON)是一个轻量级的,基于文本的,跨语言的数据交换 ...

  9. javascript;Jquery;获取JSON对象，无刷新分页，异步加载，异步删除，实例。

    AjaxNewsList: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> < ...

随机推荐

  1. ROS学习笔记九：ROS工具

    ROS有各种工具可以帮助用户使用ROS.应该指出,这些GUI工具是对输入型命令工具的补充.如果包括ROS用户个人发布的工具,那么ROS工具的数量很庞大.其中,本文讨论的工具是对于ROS编程非常有用的辅 ...

  2. 排序sort与qsort

    首先看sort函数见下表: 函数名 功能描述 sort 对给定区间所有元素进行排序 stable_sort 对给定区间所有元素进行稳定排序 partial_sort 对给定区间所有元素部分排序 par ...

  3. stack(数组模拟) POJ 2559 Largest Rectangle in a Histogram

    题目传送门 /* 题意:宽度为1,高度不等,求最大矩形面积 stack(数组模拟):对于每个a[i]有L[i],R[i]坐标位置 表示a[L[i]] < a[i] < a[R[i]] 的极 ...

  4. ACM_跳坑小能手（暴力）

    跳坑小能手 Time Limit: 2000/1000ms (Java/Others) Problem Description: GDUFE-GAME现场有一个游戏场地人头窜动,围观参与游戏的学生在场 ...

  5. java getDocumentBase() 得到的文件夹路径

    参考一个百度知道上的回答 举例说来,假设你的项目文件是xx,而这个xx文件夹是在D盘下的yy文件夹里,即项目文件的完整路径D:\yy\xx,则编译运行文件后,在xx文件夹里会产生名为build的文件夹 ...

  6. Oracle中的序列

    序列是什么? 序列是用来生成唯一.连续的整数的数据库对象.序列通常用来自动生成主键或唯一键的值.序列可以按升序排列,也可以按照降序排列. 其实Oracle中的序列和MySQL中的自增长差不多一个意思. ...

  7. LN : leetcode 646 Maximum Length of Pair Chain

    lc 646 Maximum Length of Pair Chain 646 Maximum Length of Pair Chain You are given n pairs of number ...

  8. Javascript数据结构之栈

    作者原文:http://hawkzz.com/blog/blog/1515054561771 定义 栈是一种特殊的列表,栈内的元素只能通过列表的一端访问,这一端称为栈顶.栈被称为一种先入后出的数据结构 ...

  9. OpenGl之旅-—初识opengl

    昨天学习了如何使用codeblocks来编译运行一个opengl的项目.在创建一个新的opengl项目时他默认已经写了一个示例,今天我们就上面的例子进行下代码的剖析,以此来敲开opengl的神秘大门. ...

  10. 无聊的我写了一个代码 。。。P1605 迷宫

    搜索水题 哎 直接不行了 . #include <ctype.h> #include <cstdio> void read(int &x) { x=;char ch=g ...