• 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. ESP8266烧录配置

    装载的网页在工程目录下同个文件夹data

  2. E:dpkg was interrupted, you must manually run'dpkg配置'to correct the problem.

    执行sudo apt-get install安装对应的软件出现如下错误 详细错误信息: E: Could not : Resource temporarily unavailable) E: Unab ...

  3. Netty入门（一）之webSocket聊天室

    一:简介 Netty 是一个提供 asynchronous event-driven (异步事件驱动)的网络应用框架,是一个用以快速开发高性能.高可靠性协议的服务器和客户端. 换句话说,Netty 是 ...

  4. 分布式系统消息中间件——RabbitMQ的使用进阶篇

    分布式系统消息中间件--RabbitMQ的使用进阶篇 前言     上一篇文章 (https://www.cnblogs.com/hunternet/p/9668851.html) 简单总结了分布式系 ...

  5. python之面向对象3

     面向对象介绍 一.面向对象和面向过程 面向过程:核心过程二字,过程即解决问题的步骤,就是先干什么后干什么 基于该思想写程序就好比在这是一条流水线,是一种机械式的思维方式 优点:复杂的过程流程化 缺点 ...

  6. 牛客---java练习

    一. 1. abstract可以修饰方法和类,不能修饰属性.抽象方法没有方法体,即没有大括号{}.抽象类中的成员属性都是public static final类型的:成员方法都是public abst ...

  7. 大连CCPC D - A Simple Math Problem

    #include<iostream> #include<string.h> #include<stdio.h> #include<algorithm> ...

  8. Golang中进行reslice时的注意事项

    先看下面代码: package main import "fmt" func main() { slice := []int{0, 1, 2, 3, 4, 5, 6, 7, 8} ...

  9. 【kindle笔记】之 《浪潮之巅》- 2018-1-

    <浪潮之巅> 这本书推荐自最爱的政治课老师. 政治课老师张巍老师.我会一直记得你的. 以这样的身份来到这个学校,他人的质疑,自己的忐忑,老板的不公.犹犹豫豫谨小慎微地前进. 第一次听到这样 ...

  10. Oss文件存储

    包含文件的上传下载和生成临时的url # -*- coding: utf-8 -*- import os import oss2 import configparser from Config imp ...