json格式

json语法规则：
01.对象表现形式 key:value 键值对
02.如果有多个数据，之间使用逗号隔开 k1:v1,k2:v2
03.把对象写在大括号中
var student={age:12,name:xx,address:xx};
04.把集合写在中括号里
var students=[
{age:12,name:xx,address:xx},
{age:12,name:xx,address:xx},
{age:12,name:xx,address:xx}
];

json小案例

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
</head>
<body>

<div id="div1"></div>
<select id="sel"></select>
<table border="1" id="myTable">
<tr>
<td>姓名</td>
<td>年龄</td>
<td>住址</td>
</tr>
</table>

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){

//定义一个student对象 json格式
var student={name:"小白",age:15,address:"北京海淀区"};
$("#div1").append("姓名:"+student.name+"<br/>")
.append("年龄:"+student.age+"<br/>")
.append("住址:"+student.address+"<br/>");
/*********************************************************************/
var students=[
"小黑1",
"小黑2",
"小黑3",
"小黑4"
];
$(students).each(function(){
$("#sel").append("<option>"+this+"</option>")
});
/*********************************************************************/
var stus=[
{name:"小白1",age:15,address:"北京海淀区1"},
{name:"小白2",age:16,address:"北京海淀区2"},
{name:"小白3",age:17,address:"北京海淀区3"}
];
$(stus).each(function(){
$("#myTable").append("<tr><td>"+this.name+"</td><td>"
+this.age+"</td><td>"+this.address+"</td></tr>");
})
});
</script>
</body>
<html>

（JavaScipt Object Notation）:是一种数据交换格式！

json格式 （JavaScipt Object Notation）的更多相关文章

  1. JSON： JavaScript Object Notation

    JSON是JavaScript Object Notation 的缩写,是JS提供的一种数据交换格式.1) JSON对象本质上就是一个JS对象,但是这个对象比较特殊,它可以直接转换为字符串,在不同语言 ...

  2. 数据交换格式 —— JSON（JavaScript Object Notation）

    当请求 headers 中,添加一个name为 Accept,值为 application/json 的 header(也即"我"(浏览器)接收的是 json 格式的数据),这样, ...

  3. JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式

    JSON JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. 它基于JavaScript(Standard ECMA-262 3rd Edition - D ...

  4. JSON格式简介

    一.JSON:JavaScript Object Notation的简写,是一种轻量级数据交换格式. 二.数据类型:标量.序列(数组).映射(key-value) 三.JSON的四个原则 1 .并列数 ...

  5. json格式转换（json,csjon)（天气预报）

    json格式数据默认为string,可以使用eval()函数或者json模块将其转换为dict.标准Json字符串必须使用双引号(")而不能使用单引号('),否则从字符串转换成dict类型会 ...

  6. java后台对json格式数据的解析

    Json 和 Jsonlib 的使用 什么是 Json JSON(JvaScript Object Notation)(官网网站:http://www.json.org/)是 一种轻量级的数据交换格式 ...

  7. JavaScript对象的创建之使用json格式定义

    json: javascript simple object notation. json就是js的对象,但是它省去了xml中的标签,而是通过{}来完成对象的说明. 定义对象 var person = ...

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

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

  9. JSON(JavaScript Object Notation, JS 对象标记)

    JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式.它基于 ECMAScript (w3c制定的js规范)的一个子集,采用完全独立于编程语言 ...

随机推荐

  1. Xshell 连接虚拟机出现 "The remote SSH server rejected X11 forwarding request"

    1. 描述 虚拟机:VirtualBox Linux: centOS7 解决了 centOS7在VirtualBox中装好后的网络连接问题 后,用 Xshell 连接服务器时出现下面情况: 2. ss ...

  2. vue的动态路由（登录之后拿到动态路由通过addRouters()动态添加路由）

    登录后我们拿到路由动态路由,后端传的数据可能为这个 { path: '/index', meta: { title: '首页', icon: 'icon-shouye', tab_index: , / ...

  3. electron 热更新

    试用了下,electron 自带的热更新 并不是特别理想. 想自己处理下载更新文件.刚好看到了网上有一个比较好的处理方式.试了下效果还可以. 使用以下命令将此库包含在项目中: npm install ...

  4. 饮冰三年-人工智能-Python-28 企业官网（组合搜索）

    1 2:组合搜索 2.1 创建model类 from django.db import models class Direction(models.Model): """ ...

  5. SEH exception with code 0xc0000005 thrown in the test body

    在用Visual Studio时遇到这个报错.原因:访问了非法的内存地址. 这个问题不应该被忽略,通常是代码有bug. 解决办法: VS2013: 菜单->Debug->Exception ...

  6. Java练习1

    1.编写一个计算图形面积的程序,程序应当能够计算并输出矩形.圆的面积.考虑到程序的未来扩展,设计一个接口ShapeInterface,在此基础上设计实现类Rectangle(矩形类)和Circle(圆 ...

  7. html动画实现

    1.目标动图 2.主要代码 <p><img src="http://img.baidu.com/hi/jx2/j_0043.gif"/><img sr ...

  8. time-based基于google key生成6位验证码（google authenticator）

    由于公司服务器启用了双因子认证,登录时需要再次输入谷歌身份验证器生成的验证码.而生成验证码是基于固定的算法的,以当前时间为基础,基于每个人的google key去生成一个6位的验证码.也就是说,只要是 ...

  9. nodejs中的Buffer

    一,开篇分析 所谓缓冲区Buffer,就是 "临时存贮区" 的意思,是暂时存放输入输出数据的一段内存. JS语言自身只有字符串数据类型,没有二进制数据类型,因此NodeJS提供了一 ...

  10. 纯 CSS 绘制三角形（各种角度）

     转载:https://www.cnblogs.com/lhb25/p/css-and-css3-triangle.html       Triangle Up #triangle-up { widt ...