JSON 简介

JSON表示JavaScript Object Notation, JS 对象简谱。它用于在服务器和客户端之间存储和交换数据。

JSON是一种非常轻量级的数据交换格式,可以快速,轻松地解析和生成。

在浏览器和服务器之间交换数据时,数据只能是文本。

JSON是文本,我们可以将任何JavaScript对象转换为JSON,然后将JSON发送到服务器。

我们还可以将从服务器接收的任何JSON转换为JavaScript对象。

传送数据

如果数据存储在JavaScript对象中,则可以将该对象转换为JSON,然后将其发送到服务器。

下面的示例将JavaScript对象转换为JSON字符串,然后将其发送到服务器:

var myObj = {name: "Seagull", age: 22, city: "New Delhi"};
var myJSON = JSON.stringify(myObj);
window.location = "json_demo.php?q=" + myJSON;
测试看看‹/›

您将JSON.stringify()在本教程的后面部分详细了解该方法。

接收数据

如果您接收JSON格式的数据,则可以将其转换为JavaScript对象。

以下示例将以JSON格式编写的字符串转换为JavaScript对象:

var myJSON = '{"name":"Seagull", "age":22, "city":"New Delhi"}';
var myObj = JSON.parse(myJSON);
document.getElementById("output").innerHTML = myObj.name + " lives in " + myObj.city;
测试看看‹/›

您将JSON.parse()在本教程的后面部分详细了解该方法。

储存数据

JSON可以将JavaScript对象存储为文本。

以下示例显示如何使用JSON在本地存储中存储和检索用户信息:

// 存储数据
var myObj = {name:"Seagull", age:22, city:"New Delhi"};
var myJSON = JSON.stringify(myObj);
localStorage.setItem("demoJSON", myJSON);

// 检索数据
var data = localStorage.getItem("demoJSON");
var obj = JSON.parse(data);
document.getElementById("output").innerHTML = obj.name + " 居住在 " + obj.city;
测试看看‹/›

要了解有关LocalStorage对象的更多信息,请访问我们的HTML5 Web Storage API

什么是JSON?

JSON是一种轻量级的基于文本的开放标准,旨在用于人类可读的数据交换。

  • JSON表示 JavaScript Object Notation

  • JSON格式由Douglas Crockford指定

  • JSON专为人类可读的数据交换而设计

  • JSON已从JavaScript脚本语言扩展

  • JSON是“自我描述”的,易于理解

  • JSON与语言无关

  • JSON的文件扩展名是 .json

  • JSON Internet Media类型为 application/json

  • 统一类型标识符为public.json

JSON使用JavaScript语法,但JSON格式仅为文本。

可以通过任何编程语言读取文本并将其用作数据格式。

为什么要使用JSON?

JSON格式仅是文本,可以轻松地与服务器之间进行发送,并且可以通过任何编程语言将其用作数据格式。

JSON格式用于通过网络连接序列化和传输结构化数据。

JavaScript具有内置功能JSON.parse(),可以将以JSON格式编写的字符串转换为本地JavaScript对象。

因此,如果您以JSON格式从服务器接收数据,则可以像使用其他任何JavaScript对象一样使用它。