(三)json对象

1.对象语法

·JSON 对象被花括号 {} 包围。

·JSON 对象以键/值对书写。

·键必须是字符串,值必须是有效的 JSON 数据类型(字符串、数字、对象、数组、布尔或 ·null)。没有日期、undifine、函数类型,需要的话通过一些方式转化。

·键和值由冒号分隔。

·每个键/值对由逗号分隔。

2. 访问对象值

您可以通过使用点号(.)来访问对象值:

myObj = { “name”:“Bill Gates”, “age”:62, “car”:null };

x = myObj.name;

您也可以使用方括号([])来访问对象值:

myObj = { “name”:“Bill Gates”, “age”:62, “car”:null };

x = myObj[“name”];

3.遍历对象

您能够通过使用 for-in 遍历对象属性

在 for-in 循环中,请使用括号标记法来访问属性值:

myObj = { “name”:“Bill Gates”, “age”:62, “car”:null };

for (x in myObj) {

document.getElementById(“demo”).innerHTML += myObj[x];

}

4.嵌套的 JSON 对象

一个 JSON 对象中的值可以是另一个 JSON 对象。

myObj = {

“name”:“Bill Gates”,

“age”:62,

“cars”: {

“car1”:“Porsche”,

“car2”:“BMW”,

“car3”:“Volvo”

}

}

您能够通过使用点号和括号访问嵌套的 JSON 对象:

x = myObj.cars.car2;

//或者:

x = myObj.cars[“car2”];

5.修改值

您能够使用点号来修改 JSON 对象中的任何值:

myObj.cars.car3 = “Mercedes Benz”;

您也可以使用括号来修改 JSON 对象中的值:

myObj.cars[“car3”] = “Mercedes Benz”;

6.删除对象属性

使用 delete 关键词来删除 JSON 对象的属性:

delete myObj.cars.car1;

(四)json数组

1.作为 JSON 对象的数组

[ “Porsche”, “BMW”, “Volvo” ]

JSON 中的数组几乎与 JavaScript 中的数组相同。

在 JSON 中,数组值的类型必须属于字符串、数字、对象、数组、布尔或 null。

在 JavaScript 中,数组值可以是以上所有类型,外加任何其他有效的 JavaScript 表达式,包括函数、日期和 undefined。

2. JSON 对象中的数组

数组可以是对象属性的值:

{

“name”:“Bill Gates”,

“age”:62,

“cars”:[ “Porsche”, “BMW”, “Volvo” ]

}

3.访问数组值

您可以通过使用索引号来访问数组值:

x = myObj.cars[0];

4.遍历数组

您可以通过使用 for-in 循环来访问数组值:

for (i in myObj.cars) {

x += myObj.cars[i];

}

或者您可以使用 for 循环:

for (i = 0; i < myObj.cars.length; i++) {

x += myObj.cars[i];

}

5.JSON 对象中的嵌套数组

数组中的值也可以另一个数组,或者甚至另一个 JSON 对象:

myObj = {

“name”:“Bill Gates”,

“age”:62,

“cars”: [

{ “name”:“Porsche”, “models”:[ “911”, “Taycan” ] },

{ “name”:“BMW”, “models”:[ “M5”, “M3”, “X5” ] },

{ “name”:“Volvo”, “models”:[ “XC60”, “V60” ] }

]

}

如需访问数组内部的数组,请对每个数组使用 for-in 循环:

for (i in myObj.cars) {

x += “

” + myObj.cars[i].name + “”;

for (j in myObj.cars[i].models) {

x += myObj.cars[i].models[j];

}

}

6.修改数组值

请使用索引号来修改数组:

myObj.cars[1] = “Mercedes Benz”;

7.删除数组项目

请使用 delete 关键词来删除数组中的项目:

delete myObj.cars[1];

(五)json html+php

1.JSON 非常易于转译为 JavaScript。JavaScript 可用于在网页中生成 HTML。

2. HTML 表格

使用作为 JSON 接收到的数据来生成表格:

做一个基于下拉列表值的表格。 Choose an option: Customers Products Suppliers

3.HTML 下拉列表

用接收到的 JSON 数据来生成 HTML 下拉列表:

做一个基于 JSON 数据的下拉列表。

(五)json JSONP

1.JSONP 是一种无需考虑跨域问题即可传送 JSON 数据的方法。

JSONP 不使用 XMLHttpRequest 对象。

JSONP 使用