使用JSON时，最基本的工作就是JSON数据与JavaScript对象之间的互相转换。如浏览器

从服务器端获得JSON数据，然后转换为JavaScript对象在网页输出。

SON: JavaScript Object Notation，JSON数据格式语法就是JavaScript创建对象的代码语法，所以可以使用JavaScript内建的eval()函数直接将JSON数据转换为JavaScript对象。如下：

1. JSON数据示例

{

    "employees": [{

        "firstName": "John",

        "lastName": "Doe"

    },

    {

        "firstName": "Anna",

        "lastName": "Smith"

    },

    {

        "firstName": "Peter",

        "lastName": "Jones"

    }]

}

2. JSON数据转换为JavaScript对象

var txt = '{ "employees" : [' +

'{ "firstName":"John" , "lastName":"Doe" },' +

'{ "firstName":"Anna" , "lastName":"Smith" },' +

'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

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

console.log(obj.employees[1].firstName);

使用eval()函数时，必须为传入的JSON数据参数添加括号'()'，否则会报语法错误。但eval()的问题在于，除了可以解析JSON数据，也可 以用于执行JavaScript脚本片段，这就会带来潜在的安全问题。JSON提供了专门的JSON Parser来实现只用于解析JSON数据，不会执行scripts脚本，而且速度更快。如下：

obj = JSON.parse(txt);

在现在的浏览器中，如IE8, Firefox3.5, Chrome等以上版本，都提供了原生JSON解析器的支持，而且也是ECMAScript (JavaScript)的最新标准。因此，JSON Parser可以在JavaScript代码中是直接调用。

3. JavaScript对象转换为JSON数据

var txt = JSON.stringify(obj);

使用JSON.strigify()函数，将Javascript对象转换为JSON文本数据。

4. JSON数据转换示例 

<!DOCTYPE html>

<html>

<body>

<h2>Create Object from JSON String</h2>

<p>

First Name: <span id="fname"></span><br>

Last Name: <span id="lname"></span><br>

</p>

<script>

var txt = '{"employees":[' +

'{"firstName":"John","lastName":"Doe" },' +

'{"firstName":"Anna","lastName":"Smith" },' +

'{"firstName":"Peter","lastName":"Jones" }]}';

obj = JSON.parse(txt);

document.getElementById("fname").innerHTML=obj.employees[2].firstName

document.getElementById("lname").innerHTML=obj.employees[2].lastName 

alert("JSON Data: \n" + JSON.stringify(obj));

</script>

</body>

</html>

JSON数据与JavaScript对象转换的更多相关文章

  1. JSON解析器之jackson json数据和java对象转换

  2. 8.7 JSON存储数据方式(JavaScript对象表示法)

    8.7 JSON存储数据方式(JavaScript对象表示法) JSON JavaScript 对象表示法(JavaScript Object Notation) 是一种存储数据的方式. 一.创建JS ...

  3. JSON字符串和Javascript对象字面量

    JSON字符串和Javascript对象字面量 JSON是基于Javascript语法的一个子集而创建的,特别是对象和数组字面量语法. 正是由于JSON的这种特殊来历,导致很多Javascript程序 ...

  4. 移动端基于HTML模板和JSON数据的JavaScript交互

    写本文之前,我正在做一个基于Tab页的订单中心: 每点击一个TAB标签,会请求对应状态的订单列表.之前的项目,我会在js里使用 +  连接符连接多个html内容: var html = ''; htm ...

  5. C#如何解析JSON数据（反序列化对象）

    第一章:C#如何拿到从http上返回JSON数据? 第二章:C#如何解析JSON数据?(反序列化对象) 第三章:C#如何生成JSON字符串?(序列化对象) 第四章:C#如何生成JSON字符串提交给接口 ...

  6. JSON数据与Java对象的相互转换

    JSON数据与Java对象的相互转换 JSON解析器 常见的解析器:Jsonlib .Gson. fastjson. jackson JSON转化为Java对象 使用步骤: 1.导入jackson的相 ...

  7. 用JAVA进行Json数据解析（对象数组的相互嵌套）

    这段时间我们在做一个英语翻译软件的小小小APP,涉及到了对Json数据的解析,所以特地来总结一下! 假设我们要对如下数据进行解析,其实在平时,返回的Json数据是很乱的,很难分清数据的关系,这是经过相 ...

  8. 使用Gson转换json数据为Java对象的一个例子

    记录工作中碰到的一个内容. 原料是微信平台的一个接口json数据. { "errcode" : 0, "errmsg" : "ok", &q ...

  9. java json数据转List对象的集合-----阿里巴巴插件---及原生json---JSON 与 对象 、集合 之间的转换 JSON字符串和java对象的互转【json-lib】

    List<RunfastFullLess> list=(List<RunfastFullLess>)JSONArray.parseObject(activity.getFull ...

随机推荐

  1. linux安装java环境

    在linux下安装JDK如下: 第一步:查看Linux自带的JDK是否已安装 (1)查看已经安装的jdk: [root@web-server ~]# rpm -qa|grep jdk ← 查看jdk的 ...

  2. 运用json-lib生成特定json

    在实现接口过程中,一般协议都是定义数据格式为json.我们有时候需要把bean转换为JSON输出给接口调用者,但是可能存在bean中的字段有些不是接口定义所需要的.这个时候需要我们对JSON转换是需要 ...

  3. ibatis调存储过程返回游标

    http://blog.sina.com.cn/s/blog_6f3ca78f01010pmj.html iBatic调用与JAVA调用很类似,只是JAVA把参数的注册放到了类里面,而iBatis把参 ...

  4. JavaScript高级程序设计(四): 关键字With的使用

    一.关键字with 1.含义    with 语句可以方便地用来引用某个特定对象中已有的属性,但是不能用来给对象添加属性.要给对象创建新的属性,必须明确地引用该对象.   简单的说,with为一个或一 ...

  5. 如何恢复oracle中已删除的表

    在9i中Oracle引入了flashback的概念,可以将数据返回到某个时间点,但对于诸如drop/truncate等DDL语句却尚不支持.进入Oracle10g,这一缺陷得到了弥补.可以将丢失掉的表 ...

  6. ReactiveCocoa 入门学习 （一）

    引言 现在由于需求的不断发展,MVC这个经典的框架由于Controller的任务越来越多,显得"臃肿"了,网上又推出了新的框架,比如MVVM,ReactiveCocoa, 今天就来 ...

  7. ios专题 - 委托模式实现

    在ios中,委托模式非常常见,那委托模式是什么? 委托模式是把一个对象把请求给另一个对象处理. 下面见例子: #import <UIKit/UIKit.h> @protocol LQIPe ...

  8. Java文件操作 读写操作

    一.Java读取文件 案例1:读取D盘的1.txt文件 编码: File file = new File("D:/1.txt"); FileReader fr = new File ...

  9. POJ 3311 Hie with the Pie（DP状态压缩+最短路径）

    题目链接:http://poj.org/problem?id=3311 题目大意:一个送披萨的,每次送外卖不超过10个地方,给你这些地方之间的时间,求送完外卖回到店里的总时间最小. Sample In ...

  10. 数位DP入门Ural1057

    CF一战让我觉得很疲倦,所以今天感觉很慢. 昨天解D题时候,因为太累,根本连题目都没看,今天看了之后感觉不会做,听闻是数位DP问题. 有某神说过,DP的功力建立在刷过的题上,我真的毫无功力可言. 介绍 ...