JSON的使用方法

1. （1）

什么是 JSON ？

• JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）
• JSON 是轻量级的文本数据交换格式
• JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。
• JSON 具有自我描述性，更易理解
• 案例   

  
  
  
  
  
  
  
  JavaScript 创建 JSON 对象
  
  网站名称: 
   
  网站地址: 
   
  网站 slogan: 
   
  
  
   
  
  

   

• （2）
• JSON.parse()的使用

JSON 通常用于与服务端交换数据。

在接收服务器数据时一般是字符串。

我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。

{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }

我们使用 JSON.parse() 方法处理以上数据，将其转换为 JavaScript 对象：

var obj = JSON.parse('{ "name":"runoob", "alexa":10000, "site":"www.runoob.com" }');

案例

从 JSON 对象中创建 JavaScript 对象

• 三 、访问对象值
• 你可以使用点号（.）来访问对象的值：

• （2）你也可以使用中括号（[]）来访问对象的值：

• var myObj, x;
  myObj = { "name":"runoob", "alexa":10000, "site":null };
  x = myObj["name"];

  （3）你可以使用 for-in 来循环对象的属性：

• var myObj = { "name":"runoob", "alexa":10000, "site":null };
  for (x in myObj) {
      document.getElementById("demo").innerHTML += x + "
  ";
  }

  JSON 对象中的数组

• 
  
  
  
  
  
  
  
  访问 JSON 对象数组值。
  
  
  
  
  
  
  

  （2）你可以使用 for-in 来访问数组：

你可以使用 for-in 来访问数组:

嵌套 JSON 对象中的数组

循环内嵌数组：

 

JSON.stringify()

JSON 通常用于与服务端交换数据。

在向服务器发送数据时一般是字符串。

我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。

var obj = { "name":"runoob", "alexa":10000, "site":"www.runoob.com"};

var myJSON = JSON.stringify(obj);

 把数据写到浏览器上

var obj = { "name":"runoob", "alexa":10000, "site":"www.runoob.com"};
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;

JavaScript 数组转换

我们也可以将 JavaScript 数组转换为 JSON 字符串：

var arr = [ "Google", "Runoob", "Taobao", "Facebook" ];
var myJSON = JSON.stringify(arr);

JSON 实例 - 来自字符串的对象

创建包含 JSON 语法的 JavaScript 字符串：

var txt = '{ "sites" : [' +
'{ "name":"菜鸟教程" , "url":"www.runoob.com" },' +
'{ "name":"google" , "url":"www.google.com" },' +
'{ "name":"微博" , "url":"www.weibo.com" } ]}';

由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误：

var obj = eval ("(" + txt + ")");

从 JSON 字符串中创建对象

网站名: 
 
网站地址: