• 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. day26 Python __getattribute__

    __getattr__#不存在的属性访问,触发__getattr__ class Foo: def __init__(self,x): self.x=x def __getattr__(self, i ...

  2. jenkins+mail邮件配置

    1.配置过程中出现的问题,“501 mail from address must be same as authorization user” 解决方案 2.还有一个问题,在配置jenkins的系统配 ...

  3. 【Codeforces 339】Xenia and Bit Operations

    Codeforces 339 D 题意:给定\(2^n​\)个数字,现在把它们进行如下操作: 相邻的两个数取\(or\) 相邻的两个数取\(xor\) 以此类推,直到剩下一个数. 问每次修改一个数字, ...

  4. StackExchange.Redis使用配置

    转自:http://www.cnblogs.com/deosky/p/4848403.html Configurationredis有很多不同的方法来配置连接字符串 , StackExchange.R ...

  5. 负载（Load）分析及问题排查

    平常的工作中,在衡量服务器的性能时,经常会涉及到几个指标,load.cpu.mem.qps.rt等.每个指标都有其独特的意义,很多时候在线上出现问题时,往往会伴随着某些指标的异常.大部分情况下,在问题 ...

  6. 基于注解处理器开发自动生成getter和setter方法的插件

    昨天无意中,逛到了lombok的网站,并看到了首页的5分钟视频,视频中的作者只是在实体类中写了几个字段,就可以自动编译为含setter.getter.toString()等方法的class文件.看着挺 ...

  7. H5 65-清除浮动方式一

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. Choosing The Commander CodeForces - 817E （01字典树+思维）

    As you might remember from the previous round, Vova is currently playing a strategic game known as R ...

  9. python札记

    进制转换 num = "0011"v = int(num, base=16)print(v)2->16

  10. 福州大学软件工程1816 | W班 第6次作业WordCount成绩排名

    作业链接 WordCount进阶需求 评分细则 本次个人项目分数由两部分组成(博客分满分40分+程序得分满分60分) 博客评分细则(满分60,最终折算为40分) 在文章开头给出结对同学的博客链接.本作 ...