【www.guakaob.com--乐学园】
json在线解析篇一
《JSON 教程》
JSON 教程Next PageJSON: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 对象。=========================================JSON 简介Previous PageNext Page亲自试一试 - 实例通过我们的编辑器,您可以在线编辑 JavaScript 代码,然后通过点击一个按钮来查看结果:<html><body><h2>在 JavaScript 中创建 JSON 对象</h2><p>Name: <span id="jname"></span><br />Age: <span id="jage"></span><br />Address: <span id="jstreet"></span><br />Phone: <span id="jphone"></span><br /></p><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.namedocument.getElementById("jage").innerHTML=JSONObject.agedocument.getElementById("jstreet").innerHTML=JSONObject.streetdocument.getElementById("jphone").innerHTML=JSONObject.phone</script></body></html>亲自试一试------------------------------------------------------<html><body><h2>在 JavaScript 中创建 JSON 对象</h2><p>Name: <span id="jname"></span><br />Age: <span id="jage"></span><br />Address: <span id="jstreet"></span><br />Phone: <span id="jphone"></span><br /></p><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.namedocument.getElementById("jage").innerHTML=JSONObject.agedocument.getElementById("jstreet").innerHTML=JSONObject.streetdocument.getElementById("jphone").innerHTML=JSONObject.phone</script></body></html>-------------------------------------------------------类似 XML•JSON 是纯文本•JSON 具有“自我描述性”(人类可读)•JSON 具有层级结构(值中存在值)•JSON 可通过 JavaScript 进行解析•JSON 数据
可使用 AJAX 进行传输相比 XML 的不同之处•没有结束标签•更短•读写的速度更快•能够使用内建的 JavaScript eval() 方法进行解析•使用数组•不使用保留字为什么使用 JSON?对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:使用 XML•读取 XML 文档•使用 XML DOM 来循环遍历文档•读取值并存储在变量中使用 JSON•读取 JSON 字符串•用 eval() 处理 JSON 字符串===================================================JSON 语法Previous PageNext PageJSON 语法是 JavaScript 语法的子集。JSON 语法规则JSON 语法是 JavaScript 对象表示法语法的子集。•数据在名称/值对中•数据由逗号分隔•花括号保存对象•方括号保存数组JSON 名称/值对JSON 数据的书写格式是:名称/值对。名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值:"firstName" : "John"这很容易理解,等价于这条 JavaScript 语句:firstName = "John"JSON 值JSON 值可以是:•数字(整数或浮点数)•字符串(在双引号中)•逻辑值(true 或 false)•数组(在方括号中)•对象(在花括号中)•nullJSON 对象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";亲自试一试-------------------------------------------<html><body><h2>通过 JSON 字符串来创建对象</h3><p>First Name: <span id="fname"></span></p> <script type="text/javascript">var employees = [{ "firstName":"Bill" , "lastName":"Gates" },{ "firstName":"George" , "lastName":"Bush" },{ "firstName":"Thomas" , "lastName": "Carter" }];employees[1].firstName="Jobs";document.getElementById("fname").innerHTML=employees[1].firstName;</scr
ipt></body></html>-------------------------------------------在下面的章节,您将学到如何把 JSON 文本转换为 JavaScript 对象。JSON 文件•JSON 文件的文件类型是 ".json"•JSON 文本的 MIME 类型是 "application/json"================================================================JSON 使用Previous PageNext 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 对象。必须把文本包围在括号中,这样才能避免语法错误:var obj = eval ("(" + txt + ")");在网页中使用 JavaScript 对象:例子<p>First Name: <span id="fname"></span><br />Last Name: <span id="lname"></span><br /></p><script type="text/javascript">document.getElementById("fname").innerHTML = obj.employees[1].firstNamedocument.getElementById("lname").innerHTML = obj.employees[1].lastName</script>亲自试一试-------------------------------------------------------------<html><body><h2>通过 JSON 字符串来创建对象</h3><p>First Name: <span id="fname"></span><br /> Last Name: <span id="lname"></span><br /> </p> <script type="text/javascript">var txt = '{"employees":[' +'{"firstName":"Bill","lastName":"Gates" },' +'{"firstName":"George","lastName":"Bush" },' +'{"firstName":"Thomas","lastName":"Carter" }]}';var obj = eval ("(" + txt + ")");document.getElementById("fname").innerHTML=obj.employees[1].firstName document.getElementById("lname").innerHTML=obj.employees[1].lastName </script></body></html>------------------------------------------------------------------JSON 解析器提示:eval() 函数可编译并执行任何 JavaScript 代码。这隐藏了一个潜在的安全问题。使用 JSON 解析器将 JSON 转换为 JavaScript 对象是更安全的做法。JSON 解析器只能识别 JSON 文本,而不会编译脚本。在浏览器中,这提供了原生的 JSON 支持,而且 JSON 解析器的速度更快。较新的浏览器和最新的 ECMAScript (JavaScript) 标准中均包含了原生的对 JSON 的支持。Web 浏览器支持 Web 软件支持 •Firefox (Mozilla) 3.5•Internet Explorer 8•Ch
rome•Opera 10•Safari 4•jQuery•Yahoo UI•Prototype•Dojo•ECMAScript 1.5亲自试一试-------------------------------------------------------------<html><body><h2>通过 JSON 字符串来创建对象</h3><p>First Name: <span id="fname"></span><br /> Last Name: <span id="lname"></span><br /> </p> <script type="text/javascript">var txt = '{"employees":[' +'{"firstName":"Bill","lastName":"Gates" },' +'{"firstName":"George","lastName":"Bush" },' +'{"firstName":"Thomas","lastName":"Carter" }]}';obj = JSON.parse(txt);document.getElementById("fname").innerHTML=obj.employees[1].firstName document.getElementById("lname").innerHTML=obj.employees[1].lastName </script></body></html>---------------------------------------------------------------对于较老的浏览器,可使用 JavaScript 库: https://github.com/douglascrockford/JSON-jsJSON 格式最初是由 Douglas Crockford 制定的。
json在线解析篇二
《JSON 简介》
JSON 简介 Previous Page Next Page亲自试一试 - 实例通过我们的编辑器,您可以在线编辑 JavaScript 代码,然后通过点击一个按钮来查看结果:<html> <body> <h2>在 JavaScript 中创建 JSON 对象</h2><p> Name: <span id="jname"></span><br /> Age: <span id="jage"></span><br /> Address: <span id="jstreet"></span><br /> Phone: <span id="jphone"></span><br /> </p><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></body>
</html>亲自试一试类似 XML 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 PageJSON 语法 Previous Page Next Page JSON 语法是 JavaScript 语法的子集。JSON 语法规则
JSON 语法是 JavaScript 对象表示法语法的子集。 数据在名称/值对中 数据由逗号分隔 花括号保存对象 方括号保存数组JSON 名称/值对JSON 数据的书写格式是:名称/值对。 名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值: "firstName" : "John"这很容易理解,等价于这条 JavaScript 语句: firstName = "John"JSON 值JSON 值可以是: 数字(整数或浮点数) 字符串(在双引号中) 逻辑值(true 或 false) 数组(在方括号中) 对象(在花括号中) nullJSON 对象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 对象: 例子 <p> First Name: <span id="fname"></span><br /> Last Name: <span id="lname"></span><br /> </p>
json在线解析篇三
《网络项目-douban-JSON解析》
json在线解析篇四
《JSON基础教程》
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 代码,然后通过点击一个按钮来查看结果:<html> <body> <h2>在 JavaScript 中创建 JSON 对象</h2><p> Name: <span id="jname"></span><br />
Age: <span id="jage"></span><br /> Address: <span id="jstreet"></span><br /> Phone: <span id="jphone"></span><br /> </p><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></body> </html>亲自试一试类似 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 对象:例子<p> First Name: <span id="fname"></span><br />
json在线解析篇五
《js解析json》
JsJson
js和json
工程地址: https://dhtmldemo.googlecode.com/svn/trunk/code/HtmlPro
js解析json
var json = eval(${json}); //${json}:json字符串
格式
function test(){
var a =
[ //一个数组
{ //一个json对象(类似于Bean,字段名:字段值)
"省份":"福建",
"面积":16800,
"人口":1600,
"城市":["福州","泉州","厦门","漳州"],//值可以是数组
"特产":{"吃":"海鲜","喝":"茶","玩":"武夷山"}//值可以是另一个json对象
},{
"省份":"广东",
"面积":6400,
"人口":1800,
"城市":["杭州","温州","台州","舟山"],
"特产":{"吃":"海鲜","喝":"茶","玩":"西湖"}
}
];
//调用属性两种;第一种:a[0]["省份"],第二种:a[0].省份
alert("省份:"+a[0]["省份"]+" 省份:"+a[0].省份+" 城市:"+a[0].城市[1]+" 特产.玩:"+a[0].特产.玩);
var speciality = a[0].特产;
var specialityName="";
//循环json里面的属性
for(var key in speciality){
specialityName = specialityName + " key: "+key+" value:"+speciality[key]; }
alert("特产:"+specialityName);
}
json在线解析篇六
《JSON 教程》
JSON 教程 JSON 教程 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 对象。1
SON 简介 JSON 教程 JSON 语法亲自试一试 - 实例通过我们的编辑器,您可以在线编辑 JavaScript 代码,然后通过点击一个按钮来查看结果:<html> <body> <h2>在 JavaScript 中创建 JSON 对象</h2><p> Name: <span id="jname"></span><br /> Age: <span id="jage"></span><br /> Address: <span id="jstreet"></span><br /> Phone: <span id="jphone"></span><br /> </p> <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> </body> </html>亲自试一试类似 XML JSON 是纯文本 JSON 具有“自我描述性”(人类可读) JSON 具有层级结构(值中存在值) JSON 可通过 JavaScript 进行解析 JSON 数据可使用 AJAX 进行传输相比 XML 的不同之处没有结束标签 更短 读写的速度更快 2
能够使用内建的 JavaScript eval() 方法进行解析 使用数组 不使用保留字为什么使用 JSON?对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用: 使用 XML 读取 XML 文档 使用 XML DOM 来循环遍历文档 读取值并存储在变量中使用 JSON 读取 JSON 字符串 用 eval() 处理 JSON 字符串JSON 语法 JSON 简介 JSON 使用JSON 语法是 JavaScript 语法的子集。 JSON 语法规则JSON 语法是 JavaScript 对象表示法语法的子集。 数据在名称/值对中 数据由逗号分隔 花括号保存对象 方括号保存数组JSON 名称/值对JSON 数据的书写格式是:名称/值对。 名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值:"firstName" : "John"这很容易理解,等价于这条 JavaScript 语句:firstName = "John"JSON 值JSON 值可以是:数字(整数或浮点数) 3
字符串(在双引号中) 逻辑值(true 或 false) 数组(在方括号中) 对象(在花括号中) nullJSON 对象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" }4
];可以像这样访问 JavaScript 对象数组中的第一项:employees[0].lastName;返回的内容是:Gates可以像这样修改数据:employees[0].lastName = "Jobs";亲自试一试 在下面的章节,您将学到如何把 JSON 文本转换为 JavaScript 对象。JSON 文件 JSON 文件的文件类型是 ".json" JSON 文本的 MIME 类型是 "application/json"JSON 使用 JSON 语法 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 对象。5
json在线解析篇七
《实例解析java jQuery json工作过程(登录)》
实例解析java + jQuery + json工作过程(登录).txtゅ你不用一上线看见莪在线,就急着隐身,放心。莪不会去缠你。说好的不离不弃 现在反而自己却做不到╮ 实例解析java + jQuery + json工作过程(登录)2009年02月24日 | 9:55 下午 分类:Java, ajax, finance, jQuery, json, 教程, 项目 | 标签:ajax、Java、jQuery、json、json-lib、教程 | 4,688 views本文主要讲解在java环境下使用jQuery进行JSON数据传送的交互过程参考根据作者的账务管理系统(个人版) 源码下载 讲解一、相关技术、工具简介1、简单介绍一下JSON,JSON是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。已键值对形式表示数据,和java中的Map的数据存储形式相似,具体细节请参考2、对应后台JSON的数据处理工具json-lib,包含各种格式数据的工具类,比如:JavaBean、数组、集合(Collection)等,参考API文档。3、jQuery框架中的数据表现形式,如果你熟悉jQuery的话就会发现jQuery的使用的数据传输都是JSON格式,比如我们经常使用的$.ajax方法:$.ajax({url : url,data : {id : chkValue},cache : false,dataType : "json",success : function(result){alert(result);});其中 {…} 表示的就是JSON格式的数据二、前台工作方式为了能够容易理解以系统登录讲解,最后会以一个实例的方式讲解1、登录页面代码请参见 用户名:<input id="loginName" name="loginName" size="20" type="text" />密码:<input id="password" name="password" size="20" type="password" />2、登录javascript文件 login.js/*** 设置表单验证规则*/function regFormValidator() {$.formValidator.initConfig({formid:"loginForm"});$("#loginName").formValidator({onshow : "请输入用户名",onfocus : "用户名至少2个字,最多4个字"}).inputValidator({min : 1,onerror : "你输入的用户名非法,请确认"});$("#password").formValidator({onshow : "请输入密码"}).inputValidator({min : 6,onerror : "密码在6位以上,请确认"});}$(function() {// 注册表单验证插件regFormValidator();$('#submit').click(function(){// 验证输入的用户名、密码是否正确var valid = jQuery.formValidator.pageIsValid('1');if (valid) {$(this).attr('value', '正在登录……').attr('disabled', true);} else {return;}// 发送请求$.ajax({url : 'login.do',data : { loginName:$('#loginName').val(), password: $('#password').val() },success : function(result){// 根据result返回信息判断是否登录成功if(result && result == 'success') {window.location.href = 'inde
x.jsp';} else {alert('登录失败,用户名或密码错误,请重试!');}}});});});这样当点击“登录”按钮的时候触发ajax请求:验证表单完整性 发送ajax请求到后台,值通过data键已JSON格式传送至后台 如果后台返回的result为success时表示登录成功,页面跳转至首页index.jsp 三、后台工作方式后台要比前台操作复杂一些,以为涉及到数据库、编码或者一些业务逻辑1、获得请求参数有两种方式:通过request.getParameter(”key”)的方式 通过json-lib工具包获取 这我们主要讲解怎么通过json-lib获取参数首先我们来写一个公共的方法,可以返回一个net.sf.json.JSONObject对象,具体代码如下:/*** 读取请求参数转换JSONObject对象** @param request HttpServletRequest 对象* @return json格式的String对象* @throws Exception*/@SuppressWarnings("unchecked")protected JSONObject readJson(HttpServletRequest request) throws Exception {JSONObject jsonObject = new JSONObject();try {Map parameterMap = request.getParameterMap();// 通过循环遍历的方式获得key和value并set到JSONObject中Iterator paIter = parameterMap.keySet().iterator();while (paIter.hasNext()) {String key = paIter.next().toString();String[] values = (String[])parameterMap.get(key);jsonObject.accumulate(key, values[0]);}log.debug("从客户端获得json=" + jsonObject.toString());} catch (Exception e) {log.error("获取json数据出错,错误信息如下:nt" + e.getMessage());e.printStackTrace();throw e;}return jsonObject;}通过这个方法我们可以获得一个JSONObject对象,然后就可以通过key获得对应的value;2、登录处理Actionpublic ActionForward login(ActionMapping mapping, ActionForm actionForm,HttpServletRequest request,HttpServletResponse response) throws Exception {JSONObject jsonObject = readJson(request);String name = jsonObject.getString("loginName");String pass = jsonObject.getString("password");try {int loginFlag = userManager.validLogin(name, pass);if (loginFlag == UserManager.LOGIN_SUCCESS) {User user = userManager.getUserByNameAndPass(name, pass);UserUtil.saveUser2Session(user, request);log.info("用户<" + user.getUserName()+ ",ip=" + request.getRemoteAddr() + ">登录系统");print(response, RESBONSE_SUCCESS);} else if (loginFlag == UserManager.LOGIN_FAIL) {print(response, RESBONSE_ERROR);}} catch (Exception e) {e.printStackTrace();}return null;}解释:在34行我们通过刚刚准备好的readJson方法获得一个JSONObject对象,接下来通过key获得用户名和密码,接下来就是业务逻辑的验证工作了,通过后我们向前台返回请求结果。我们
还需要一个小方法向前台写结果,如上面44、46行protected void print(HttpServletResponse response, String info) throws IOException {try {response.getWriter().print(info);} catch (IOException e) {e.printStackTrace();throw e;}}这里有一点要说明,在获得输出流的时候有个小插曲,我在开发的时候使用的tomcat5.5.26版本,当时的写法为:response.getOutputStream().print(info);后来源码开源后一个网友使用的tomcat6版本,说系统不能正常运行,后来他查到了原因,因为获得输出流时出了问题,改成getWriter就没有问题了,集体也没有搞清除为什么会是这样……基于java开发时会使用struts,struts需要返回一个ActionMapping对象,但是在ajax请求不需要返回特定页面,因为根本没有跳转页面的动作,解决办法很简单,直接return null就可以了输出结果后jQuery的ajax的success方法就接收到了请求结果,然后就可以根据结果处理业务逻辑了O(∩_∩)O~OK,到此整个请求结束,有不明白的请留言或者到“关于”中联系我
json在线解析篇八
《36.解析JSON格式数据》
json在线解析篇九
《JSON》
1.什么是JSON
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成。
2.JSON语法规则
l 数据在名称/值对中
l 数据由逗号分隔
l 花括号保存对象
l 方括号保存数组
JSON 数据的书写格式是:名称/值对。
名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值:
"firstName" : "John"
这很容易理解,等价于这条 JavaScript 语句:
firstName = "John"
l 数字(整数或浮点数)
l 字符串(在双引号中)
l 逻辑值(true 或 false)
l 数组(在方括号中)
l 对象(在花括号中)
l null
JSON在线校验格式化工具:
3.JSON基础结构
JSON建构有两种结构
JSON简单说就是javascript中的对象和数组,所以这两种结构就是对象和数组两种结构,通过这两种结构可以表示各种复杂的结构。
1、对象:对象在js中表示为“{}”括起来的内容,数据结构为 {key:value,key:value,...}的键值对的结构,在面向对象的语言中,key为对象的属性,value为对应的属性值,所以很容易理解,取值方法为 对象.key 获取属性值,这个属性值的类型可以是 数字、字符串、数组、对象几种。
2、数组:数组在js中是中括号“[]”括起来的内容,数据结构为 ["java","javascript","vb",...],取值方式和所有语言中一样,使用索引获取,字段值的类型可以是 数字、字符串、数组、对象几种。
经过对象、数组2种结构就可以组合成复杂的数据结构了。
4.JSON基础示例
简单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。这个字符串看起来有点儿古怪,但是JavaScript很容易解释它,而且 JSON 可以表示比"名称 / 值对"更复杂的结构。例如,可以表示数组和复杂的对象,而不仅仅是键和值的简单列表。
名称 / 值对
按照最简单的形式,可以用下面这样的 JSON 表示"名称 / 值对":
{ "firstName": "Brett" }
这个示例非常基本,而且实际上比等效的纯文本"名称 / 值对"占用更多的空间: firstName=Brett
但是,当将多个"名称 / 值对"串在一起时,JSON 就会体现出它的价值了。首先,可以创建包含多个"名称 / 值对"的 记录,比如:
{ "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" }
从语法方面来看,这与"名称 / 值对"相比并没有很大的优势,但是在这种情况下 JSON 更容易使用,而且可读性更好。例如,它明确地表示以上三个值都是同一记录的一部分;花括号使这些值有了某种联系。
表示数组
当需要表示一组值时,JSON 不但能够提高可读性,而且可以减少复杂性。例如,假设您希望表示一个人名列表。在XML中,需要许多开始标记和结束标记;如果使用典型的名称 / 值对(就像在本系列前面文章中看到的那种名称 / 值对),那么必须建立一种专有的数据格式,或者将键名称修改为 person1-firstName这样的形式。
如果使用 JSON,就只需将多个带花括号的记录分组在一起:
这不难理解。在这个示例中,只有一个名为 people的变量,值是包含三个条目的数组,每个条目是一个人的记录,其中包含名、姓和电子邮件地址。上面的示例演示如何用括号将记录组合成一个值。当然,可以使用相同的语法表示多个值(每个值包含多个记录):
这里最值得注意的是,能够表示多个值,每个值进而包含多个值。但是还应该注意,在不同的主条目(programmers、authors 和 musicians)之间,记录中实际的名称 / 值对可以不一样。JSON 是完全动态的,允许在 JSON 结构的中间改变表示数据的方式。
在处理 JSON 格式的数据时,没有需要遵守的预定义的约束。所以,在同样的数据结构中,可以改变表示数据的方式,甚至可以以不同方式表示同一事物。
5.JSON和XML比较
可读性
JSON和XML的可读性可谓不相上下,一边是简易的语法,一边是规范的标签形式,很难分出胜负。 可扩展性
XML天生有很好的扩展性,JSON当然也有,没有什么是XML能扩展,而JSON却不能扩展的。不过JSON在Javascript主场作战,可以存储Javascript复合对象,有着xml不可比拟的优势。 编码难度、解码难度(略)
实例比较
XML和JSON都使用结构化方法来标记数据,下面来做一个简单的比较。
用XML表示中国部分省市数据如下:
<?xml version="1.0" encoding="utf-8"?>
<country>
<name>中国</name>
<province>
<name>黑龙江</name>
<cities>
<city>哈尔滨</city>
<city>大庆</city>
</cities>
</province>
<province>
<name>广东</name>
<cities>
<city>广州</city>
<city>深圳</city>
<city>珠海</city>
</cities>
</province>
<province>
<name>台湾</name> <cities>
<city>台北</city> <city>高雄</city> </cities>
</province>
<province>
<name>新疆</name> <cities>
<city>乌鲁木齐</city> </cities>
</province>
</country>
用JSON表示如下:
json在线解析篇十
《json格式转换》
JS解析json数据(如何将json字符串转化为数组) 2011年06月09日 星期四 上午 10:47<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><SCRIPT LANGUAGE="JavaScript">var t="{'firstName': 'cyra', 'lastName': 'richardson', 'address': { 'streetAddress': '1 Microsoft way', 'city': 'Redmond', 'state': 'WA', 'postalCode': 98052 },'phoneNumbers': [ '425-777-7777','206-777-7777' ] }"; var jsonobj=eval('('+t+')');alert(jsonobj.firstName); alert(jsonobj.lastName);var t2="[{name:'zhangsan',age:'24'},{name:'lisi',age:'30'},{name:'wangwu',age:'16'},{name:'tianqi',age:'7'}] ";var myobj=eval(t2);for(var i=0;i<myobj.length;i++){alert(myobj[i].name);alert(myobj[i].age);}var t3="[['<a href=# onclick=openLink(14113295100,社旗县国税局桥头税务所,14113295100,d6d223892dc94f5bb501d4408a68333d,swjg_dm);>14113295100</a>','社旗县国税局桥头税务所','社旗县城郊乡长江路西段']]";//通过eval() 函数可以将JSON字符串转化为对象var obj = eval(t3);for(var i=0;i<obj.length;i++){for(var j=0;j<obj[i].length;j++){alert(obj[i][j]);}}/*//stringifier 函数的作用跟 parse 相反, 用来将一个js对象转换为 JSON 文本。var jsonText = JSON.stringify(obj); alert(jsonText);//如果基于安全的考虑的话,最好是使用一个 JSON 解析器。 一个 JSON 解析器将只接受 JSON 文本。所以是更安全的。var myObject = JSON.parse(myJSONtext, filter); //可选的 filter 参数将遍历每一个value key 值对, 并进行相关的处理。如://如myData = JSON.parse(text, function (key, value) { return key.indexOf('date') >= 0 ? new Date(value) : value; }); //stringifier 函数的作用跟 parse 相反, 用来将一个js对象转换为 JSON 文本。var myJSONText = JSON.stringifier(myObject); */</SCRIPT></HEAD><BODY></BODY></HTML>
上一篇:谗言佞语的近,反义词是
下一篇:给老婆的留言短句