导读：　josn在线解析(共3篇)JS解析JSON数据及取值的用法JS解析JSON数据及取值的一些用法...

JS解析JSON数据及取值的用法
josn在线解析 第一篇

JS解析JSON数据及取值的一些用法

<%@ page contentType="text/html;charset=GBK" language="java" %>

 

 

 

 

 

 

JS解析JSON数据测试界面

 

<script language="javascript">

//将JSON字符串转换为JSON对象的一些方法

//将JSON字符串转换为JSON对象的一些用法

(function (){

var str = {"name":"张三","age":20};//JSON对象

alert(str.name);alert(str.age);//直接取JSON对象的值

//将JSON字符串转换为JSON对象

var str = "{\"name\":\"张三\",\"age\":\"21\"}";//JSON字符串 转义不用系统/和dos一致用\

var obj = eval('(' + str + ')');//使用eval函数将JSON字符串转换为JSON对象 alert(obj.name);alert(obj.age);

var str = '{"name":"张三","age":22}';//JSON字符串

var obj = (new Function("return " + str))(); //使用new Function()形式将JSON字符串转换为JSON对象

alert(obj.name);alert(obj.age);

//将JSON对象转换为JSON字符串

//var straa = {"name":"李四","age":"20"};//JSON对象

//var newJSONtext = straa.toJSONString();//貌似没有原生方法

//alert("JSON对象转换为JSON字符串: "+newJSONtext);

})();//(function (){})();自动执行匿名函数

</script>

<script>

//取值的一些用法

//取值的一些用法

function showJSON() {

//效果一

var user =

{

"username":"andy",

"age":20,

"info": { "tel": "123456", "cellphone": "98765"},

"address":

[

{"city":"beijing","postcode":"222333"},【josn在线解析】

{"city":"newyork","postcode":"555666"}

]

}

alert(user.username);

alert(user.age);

alert(user.info.cellphone);

alert(user.address[0].city);【josn在线解析】

alert(user.address[0].postcode);

user.username = "Tom";

alert(user.username);

//效果二

var people =

{ "programmers": [

{ "firstName": "Brett", "lastName":"McLaughlin", "email": "brett@newInstance.com" },

{ "firstName": "Jason", "lastName":"Hunter", "email": "jason@servlets.com" }, { "firstName": "Elliotte", "lastName":"Harold", "email": "elharo@macfaq.com" } ],

"authors": [

{ "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" }, { "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },

{ "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" } ],

"musicians": [

{ "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },

{ "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" } ]

}

alert(people.programmers[0].firstName+" "+people.programmers[0].email); alert(people.programmers[2].firstName+" "+people.programmers[2].email);

alert(people.authors[0].firstName+" "+people.authors[0].genre);

alert(people.musicians[1].firstName+" "+people.musicians[1].instrument);

}

showJSON();

</script>

 

 

<script type="text/javascript">

function mm()

{

var str = "";

for (mm in window.event.srcElement)

str += mm+"="+ window.event.srcElement[mm] +"\n"; //得到 srcElement 的所有属性

alert(str);

}

</script>

JSON基础教程
josn在线解析 第二篇

JSON 教程 JSON：JavaScript 对象表示法（JavaScript Object Notation）。 JSON 是存储和交换文本信息的语法。类似 XML。 JSON 比 XML 更小、更快，更易解析。 每一章中用到的实例 { "employees": [ { "firstName":"Bill" , "lastName":"Gates" }, { "firstName":"George" , "lastName":"Bush" }, { "firstName":"Thomas" , "lastName":"Carter" } ] } 这个 employee 对象是包含 3 个员工记录（对象）的数组。 什么是 JSON ？     JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation） JSON 是轻量级的文本数据交换格式 JSON 独立于语言 * JSON 具有自我描述性，更易理解 * JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 JSON - 转换为 JavaScript 对象 JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。 由于这种相似性，无需解析器，JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。 亲自试一试 - 实例 通过我们的编辑器，您可以在线编辑 JavaScript 代码，然后通过点击一个按钮来查看结果：

在 JavaScript 中创建 JSON 对象

Name:

Age:
Address:
Phone:

<script type="text/javascript"> var JSONObject= { "name":"Bill Gates", "street":"Fifth Avenue New York 666", "age":56, "phone":"555 1234567"}; document.getElementById("jname").innerHTML=JSONObject.name document.getElementById("jage").innerHTML=JSONObject.age document.getElementById("jstreet").innerHTML=JSONObject.street document.getElementById("jphone").innerHTML=JSONObject.phone </script>亲自试一试 类似 XML      JSON 是纯文本 JSON 具有“自我描述性”（人类可读） JSON 具有层级结构（值中存在值） JSON 可通过 JavaScript 进行解析 JSON 数据可使用 AJAX 进行传输 相比 XML 的不同之处       没有结束标签 更短 读写的速度更快 能够使用内建的 JavaScript eval() 方法进行解析 使用数组 不使用保留字

 

为什么使用 JSON？ 对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用： 使用 XML    使用 JSON 读取 XML 文档 使用 XML DOM 来循环遍历文档 读取值并存储在变量中   读取 JSON 字符串 用 eval() 处理 JSON 字符串 SON 语法是 JavaScript 语法的子集。 JSON 语法规则 JSON 语法是 JavaScript 对象表示法语法的子集。     数据在名称/值对中 数据由逗号分隔 花括号保存对象 方括号保存数组 JSON 名称/值对 JSON 数据的书写格式是：名称/值对。 名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值： "firstName" : "John" 这很容易理解，等价于这条 JavaScript 语句： firstName = "John" JSON 值 JSON 值可以是：       数字（整数或浮点数） 字符串（在双引号中） 逻辑值（true 或 false） 数组（在方括号中） 对象（在花括号中） null

JSON 对象 JSON 对象在花括号中书写： 对象可以包含多个名称/值对： { "firstName":"John" , "lastName":"Doe" } 这一点也容易理解，与这条 JavaScript 语句等价： firstName = "John" lastName = "Doe" JSON 数组 JSON 数组在方括号中书写： 数组可包含多个对象： { "employees": [ { "firstName":"John" , "lastName":"Doe" }, { "firstName":"Anna" , "lastName":"Smith" }, { "firstName":"Peter" , "lastName":"Jones" } ] } 在上面的例子中，对象 "employees" 是包含三个对象的数组。每个对象代表一条关于某人（有姓和名）的记录。 JSON 使用 JavaScript 语法 因为 JSON 使用 JavaScript 语法，所以无需额外的软件就能处理 JavaScript 中的 JSON。 通过 JavaScript，您可以创建一个对象数组，并像这样进行赋值： 例子 var employees = [ { "firstName":"Bill" , "lastName":"Gates" }, { "firstName":"George" , "lastName":"Bush" }, { "firstName":"Thomas" , "lastName": "Carter" } ]; 可以像这样访问 JavaScript 对象数组中的第一项：

employees[0].lastName; 返回的内容是： Gates 可以像这样修改数据： employees[0].lastName = "Jobs"; 亲自试一试 在下面的章节，您将学到如何把 JSON 文本转换为 JavaScript 对象。 JSON 文件   JSON 文件的文件类型是 ".json" JSON 文本的 MIME 类型是 "application/json" 把 JSON 文本转换为 JavaScript 对象 JSON 最常见的用法之一，是从 web 服务器上读取 JSON 数据（作为文件或作为 HttpRequest），将 JSON 数据转换为 JavaScript 对象， 然后在网页中使用该数据。 为了更简单地为您讲解，我们使用字符串作为输入进行演示（而不是文件）。 JSON 实例 - 来自字符串的对象 创建包含 JSON 语法的 JavaScript 字符串： var txt = '{ "employees" : [' + '{ "firstName":"Bill" , "lastName":"Gates" },' + '{ "firstName":"George" , "lastName":"Bush" },' + '{ "firstName":"Thomas" , "lastName":"Carter" } ]}'; 由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。 eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错 误： var obj = eval ("(" + txt + ")"); 在网页中使用 JavaScript 对象： 例子

First Name:

JSON 简介
josn在线解析 第三篇

JSON 简介   Previous Page Next Page 亲自试一试 - 实例 通过我们的编辑器，您可以在线编辑 JavaScript 代码，然后通过点击一个按钮来查看结果：

在 JavaScript 中创建 JSON 对象

Name:
Age:
Address:
Phone:

<script type="text/javascript"> varJSONObject= { "name":"Bill Gates", "street":"Fifth Avenue New York 666", "age":56, "phone":"555 1234567"}; document.getElementById("jname").innerHTML=JSONObject.name document.getElementById("jage").innerHTML=JSONObject.age document.getElementById("jstreet").innerHTML=JSONObject.street document.getElementById("jphone").innerHTML=JSONObject.phone </script>

 

亲自试一试 类似 XML【josn在线解析】 JSON 是纯文本  JSON 具有“自我描述性”（人类可读）  JSON 具有层级结构（值中存在值）  JSON 可通过 JavaScript 进行解析  JSON 数据可使用 AJAX 进行传输 相比 XML 的不同之处  没有结束标签  更短  读写的速度更快  能够使用内建的 JavaScript eval() 方法进行解析  使用数组  不使用保留字 为什么使用 JSON？ 对于 AJAX 应用程序来说，JSON 比 XML 更快更易使用： 使用 XML  读取 XML 文档  使用 XML DOM 来循环遍历文档  读取值并存储在变量中 使用 JSON  读取 JSON 字符串  用 eval() 处理 JSON 字符串   Previous Page Next Page JSON 语法   Previous Page Next Page JSON 语法是 JavaScript 语法的子集。 JSON 语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。     数据在名称/值对中 数据由逗号分隔 花括号保存对象 方括号保存数组 JSON 名称/值对 JSON 数据的书写格式是：名称/值对。 名称/值对包括字段名称（在双引号中），后面写一个冒号，然后是值： "firstName" : "John" 这很容易理解，等价于这条 JavaScript 语句： firstName = "John" JSON 值 JSON 值可以是：       数字（整数或浮点数） 字符串（在双引号中） 逻辑值（true 或 false） 数组（在方括号中） 对象（在花括号中） null JSON 对象 JSON 对象在花括号中书写： 对象可以包含多个名称/值对： { "firstName":"John" , "lastName":"Doe" } 这一点也容易理解，与这条 JavaScript 语句等价： firstName = "John" lastName = "Doe" JSON 数组 JSON 数组在方括号中书写： 数组可包含多个对象：

{ "employees": [ { "firstName":"John" , "lastName":"Doe" }, { "firstName":"Anna" , "lastName":"Smith" }, { "firstName":"Peter" , "lastName":"Jones" } ] } 在上面的例子中，对象 "employees" 是包含三个对象的数组。每个对象代表一条关于某人（有姓和名） 的记录。 JSON 使用 JavaScript 语法 因为 JSON 使用 JavaScript 语法，所以无需额外的软件就能处理 JavaScript 中的 JSON。 通过 JavaScript，您可以创建一个对象数组，并像这样进行赋值： 例子 var employees = [ { "firstName":"Bill" , "lastName":"Gates" }, { "firstName":"George" , "lastName":"Bush" }, { "firstName":"Thomas" , "lastName": "Carter" } ]; 可以像这样访问 JavaScript 对象数组中的第一项： employees[0].lastName; 返回的内容是： Gates 可以像这样修改数据： employees[0].lastName = "Jobs"; 亲自试一试 在下面的章节，您将学到如何把 JSON 文本转换为 JavaScript 对象。

JSON 文件   JSON 文件的文件类型是 ".json" JSON 文本的 MIME 类型是 "application/json" JSON 使用   Previous Page Next Page 把 JSON 文本转换为 JavaScript 对象 JSON 最常见的用法之一，是从 web 服务器上读取 JSON 数据（作为文件或作为 HttpRequest），将 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。 为了更简单地为您讲解，我们使用字符串作为输入进行演示（而不是文件）。 JSON 实例 - 来自字符串的对象 创建包含 JSON 语法的 JavaScript 字符串： var txt = '{ "employees" : [' + '{ "firstName":"Bill" , "lastName":"Gates" },' + '{ "firstName":"George" , "lastName":"Bush" },' + '{ "firstName":"Thomas" , "lastName":"Carter" } ]}'; 由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。 eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文 本包围在括号中，这样才能避免语法错误： varobj = eval ("(" + txt + ")"); 在网页中使用 JavaScript 对象： 例子

First Name:
Last Name:

 

josn在线解析相关热词搜索：josn解析详解 python解析josn