• Json字符串转JavaScript对象
 <html>

 <body>

 <h3>通过 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>

注意：

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

var obj = eval ("(" + txt + ")");
  • Json字符串转JavaScript对象2
 <html>

 <body>

 <h3>通过 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>
  • JavaScript对象转JSON字符串
 </div>

 <h3>JavaScript对象转换为Json字符串</h3>

 <p>

     all: <span id="all3"></span><br/>

 </p>

 <script type="text/javascript">

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

         '{"firstName":"Bill","lastName":"Gates" },' +

         '{"firstName":"George2","lastName":"Bush2" },' +

         '{"firstName":"Thomas","lastName":"Carter" }]}';

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

     document.getElementById("all3").innerHTML = JSON.stringify(obj3);

 </script>

 <div>

来自：http://www.w3school.com.cn/json/json_eval.asp

JavaScript之Json的使用的更多相关文章

  1. 小白科普之JavaScript的JSON

    一.对json的理解     json是一种数据格式,不是一种编程语言,json并不从属于javascript.     json的语法可以表示以下三种类型的值     1)简单值           ...

  2. JavaScript 拼接JSON

    <script language="javascript" type="text/javascript"> var json="" ...

  3. 在Javascript操作JSON对象，增加 删除 修改

    在Javascript操作JSON对象,增加删除修改全有的,详情见代码 <script type="text/javascript"> var jsonObj2 = { ...

  4. JavaScript对Json的增删改属性

    <script type="text/javascript"> var json = { "age":24, "name":&q ...

  5. 简单使用JSON，JavaScript读取JSON文本(三)

    JavaScript 读取 JSON 文本转换为对象 JSON 最常见的用法之一,是从 web 服务器上读取 JSON 数据(作为文件或作为 HttpRequest),将 JSON 数据转换为 Jav ...

  6. 第一百二十七节，JavaScript，JSON数据类型转换，数据转换成字符串，字符串转换成数据

    第一百二十七节,JavaScript,JSON数据类型转换,数据转换成字符串,字符串转换成数据 学习要点: 1.JSON语法 2.解析和序列化 前两章我们探讨了XML的结构化数据,但开发人员还是觉得这 ...

  7. JavaScript处理json格式数据

    JSON即JavaScript对象标记,是一种轻量级的数据交换格式,非常适用于服务器与JavaScript的交互.JSON是基于纯文本的数据格式. JSON是JavaScript的原生格式,可以使用J ...

  8. javascript获取json对象的key名称的两种方法

    javascript获取json对象的key名称的两种方法 数据处理中,你可能接收到一个不确定内容格式的json对象,然后要把key的值提取出来.今天试过两种可以提取json key的方法,均可以正常 ...

  9. 如何利用JavaScript遍历JSON数组

    1.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...

  10. javaScript系列 [05]-javaScript和JSON

    本文输出和JSON有关的以下内容❐ JSON和javaScript❐ JSON的语法介绍❐ JSON的数据类型❐ JSON和XMLHTTPRequest❐ JSON的序列化和反序列化处理 1.1 JS ...

随机推荐

  1. 18.JAVA经典编程题(50题及答案)

    用oop做一个进销存系统:1.货物对象属性:编号(唯一),名称,单价,类别,厂家,厂家地址,厂家联系方式,库存,最后进货时间2.功能:登录,入库,出库,库存查询,操作记录查询3.功能描述:登录:管理员 ...

  2. node.js之express框架

    之前学习过node.js接触过express框架,最近为了编写一个mock server正好用到了express.下面正好就跟大家介绍一下关于express.今天的内容主要围绕这么几个方面? expr ...

  3. 初学Python——面向对象编程

    一.面向对象 or 面向过程? 编程范式: 编程是 程序 员 用特定的语法+数据结构+算法组成的代码来告诉计算机如何执行任务的过程 , 一个程序是程序员为了得到一个任务结果而编写的一组指令的集合,正所 ...

  4. 论文笔记---Deblurring Shaken and Partially Saturated Images

    抖动和部分饱和图像去模糊 摘要 我们解决了由相机抖动造成的模糊和饱和或过度曝光像素导致的图像去模糊的问题.饱和像素对于现有的非盲去模糊算法是一个问题,因为它们不符合图像形成过程是线性的这一假设,并且经 ...

  5. python：unittest之跳过测试和预期失败的用例

    在利用单元测试框架执行测试用例的过程中,有时只需要执行一部分用例,或者跳过某些暂不需要执行的用例,python的unittest框架就内置这样的功能. 前面的博客介绍了unittest框架的测试用例加 ...

  6. face recognition[MobiFace]

    本文来自<MobiFace: A Lightweight Deep Learning Face Recognition on Mobile Devices>,时间线为2018年11月.是作 ...

  7. Hive执行sql文件

    方法1: hive -f sql文件 t.sql文件内容: ; 执行命令 hive -f t.sql 方法2: 进入hive shell, 执行source命令 进入hive 终端 $ hive hi ...

  8. idea 上传代码到 gitee

    https://www.2cto.com/net/201804/740238.html 这一步如果是个空仓库可以提交,如果是个已有的项目 Define remote 一下就可以了,不要提交代码

  9. git 的 cat-file 的命令用法

    命令选项 git cat-file 的命令显示版本库对象的内容.类型.及大小信息. -t  Instead of the content, show the object type identifie ...

  10. Python_列表推导式_生成器的表达式_各种推导式_40

    列表推导式: #列表推导式: egg_list = [] for i in range(10): egg_list.append('鸡蛋%s'%i) print(egg_list) egon egg_ ...