JSON概述
JSON(JavaScript Object Notation)即JS对象标记法。是一种独立于各语言的文本格式,所以成为一种轻量级的数据交换格式。
★★★【重要注意:】服务器返回的JSON数据必须符合严格的JSON语法,例如:所有属性名称必须加双引号,所有字符串值也必须加双引号(而不是单引号)。
定义JSON
1.定义JSON对象
//相当于定义person对象,属性name、age值分别为“张三”、18
var person = {“name”:”张三”,”age”: 18};
2.定义JSON数组
//相当于定义persons数组,元素为两个对象
var persons = [{“name”:”张三”,”age”: 18},
{“name”:”李四”,”age”: 21}];
以下是案例:
使用json对象:
function test() { //构造json对象 var person = { "name" : "zhangsan", "sex" : "男", "age" : "23", "address" : "湖北武汉" }; //取出json对象数据拼接为HTML var personInfo = '<tr><td>' + person.name + '</td><td>' + person.sex + '</td><td>' + person.age + '</td><td>' + person.address + '</td></tr>'; //追加 $("#person").append(personInfo); }
使用json数组:
function test2() { //构造json数组 var persons = [ { "name" : "张三", "sex" : "男", "age" : "23", "address" : "湖北武汉" }, { "name" : "李四", "sex" : "女", "age" : "21", "address" : "湖北荆州" }, { "name" : "王武", "sex" : "男", "age" : "20", "address" : "湖北天门" } ]; //循环拼接并追加 for ( var i = 0; i < persons.length; i++) { //取出json数组数据拼接 var personInfo = '<tr><td>' + persons[i].name + '</td><td>' + persons[i].sex + '</td><td>' + persons[i].age + '</td><td>' + persons[i].address + '</td></tr>'; //追加 $("#person").append(personInfo); } }