1、在 JavaScript 中创建 JSON 对象
<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>
2、通过 JSON 字符串来创建对象
<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;
</script>
</body>
</html>
3、把 JSON 文本转换为 JavaScript 对象
<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>
分享到：
相关推荐
web项目jsp后台_servlet入门练习demo+可返回json+说明文档+数据库。 === 可以用来做android服务端测试，也可以作为java开发入门练习。 === demo_myweb：项目目录 lxb_test.sql：数据库文件 ====== 数据库版本 mysql...
综上，"简单的SpringMvc_demo_附带lib"提供了一个快速入门Spring MVC的环境，通过解压并运行其中的"demo"项目，开发者可以直观地了解Spring MVC的工作流程，同时学习如何配置和使用相关库文件。这为初学者提供了宝贵...
本入门案例将带你了解如何使用Ehcache实现分布式缓存，并特别关注如何将文件数据转换为树形结构。 首先，让我们理解Ehcache的基本概念。Ehcache的核心组件包括缓存管理器（Cache Manager）、缓存（Cache）和缓存项...
要入门Android开发，首先需要了解其基本架构，包括UI组件（如Activity、Fragment）、生命周期管理、Intent机制以及数据存储方式（SQLite数据库、SharedPreferences、文件系统）。 2. **Android Studio集成开发环境*...
1. `package.json`：项目的配置文件，列出了项目依赖的npm模块和版本信息。 2. `src`目录：源代码文件夹，包括React组件、样式表（如`css`或`scss`文件）、以及可能的图片或图标资源。 3. `public`目录：包含了项目...
- **Demo1 (HelloWorld)**：创建一个简单的"Hello, World!"应用，展示基本的Controller定义和@RequestMapping的使用。 - **Demo2 (Form Handling)**：演示如何处理表单提交，包括@ModelAttribute和@RequestParam的...
"DEMO"通常指的是演示或试验版本，意味着它可能包含简化版的代码和功能，适合初学者学习入门。 【描述】中的“一个简单的demo”说明这个项目是用作教学或者理解爬虫工作原理的简单实例。通常，这样的DEMO会涵盖爬虫...
本篇将详细讲解Weex入门Demo的前端知识，帮助你快速掌握Weex开发的基础。 一、Weex简介 Weex的出现主要是为了解决Web和原生应用之间的鸿沟，它提供了一种统一的开发方式，使得开发者可以使用一套代码库来实现多平台...
这个DEMO提供了基础的学习材料，让你能够快速入门 Lua 语言及其与 C++ 的交互。 Lua 是一种轻量级的脚本语言，常用于游戏开发、配置文件、自动化任务等领域。它的语法简洁，易于学习，同时具有高效和可嵌入的特点。...
在这个入门Demo实例中，我们将探讨如何配置和使用Spring Security来保护我们的Java应用。教程链接提及的CSDN博客文章提供了详细的步骤，指导我们逐步创建一个基本的Spring Security应用。 首先，我们需要在项目中...
《jQuery入门Demo详解》 jQuery，作为一款广泛应用于前端开发的JavaScript库，以其简洁的API、强大的功能和广泛的浏览器兼容性赢得了开发者们的喜爱。对于初学者来说，掌握jQuery的基础知识和常见操作是步入Web开发...
在本示例“webservice入门demo”中，我们主要关注的是如何使用C#语言来开发一个简单的Web服务以及相应的客户端测试。 1. **Web服务的概念**： Web服务是一种基于XML（Extensible Markup Language）的协议，它使用...
"phaser游戏入门demo2"是一个基于Phaser框架的示例项目，旨在帮助初学者理解如何在游戏开发中加载和使用图片，以及如何实现对象的动画效果。在这个例子中，我们将关注如何创建一个旋转的美眉图像，这是基本的游戏...
DWR通过JSON或XML格式在客户端和服务器之间传递数据，简化了Ajax开发，使开发者能够更方便地构建富客户端应用。 **JDBC (Java Database Connectivity)** 是Java访问数据库的标准API，它提供了连接、查询、更新和...
【标题】"spring data jpa + spring + json demo"揭示了这个项目是关于使用Spring Data JPA、Spring框架以及JSON处理的一个示例应用。Spring Data JPA是Spring框架的一个模块，它简化了JPA（Java Persistence API）...
在这个名为"springboot-demo"的项目中，我们将深入探讨SpringBoot的基本概念、核心功能以及如何进行入门实践。 一、SpringBoot概述 SpringBoot是由Pivotal团队提供的全新框架，其设计目标是为了使创建独立的、生产...
通过这个"MyFirstGame"入门Demo，开发者可以学习到Android游戏开发的基本流程，包括项目搭建、资源管理、事件处理、画面绘制以及性能优化等关键知识点。随着经验的积累，可以逐渐添加更复杂的逻辑和功能，打造更为...
这份"vue入门demo详细笔记+项目.zip"资源旨在帮助初学者快速掌握Vue的基本概念和实际应用。 Vue的核心特性包括： 1. **模板语法**：Vue使用了基于HTML的模板语法，允许开发者声明式地将数据绑定到DOM上。例如，`v-...
这个"react-React简单入门demo"应该是包含了一个基本的React待办事项应用的示例，可以帮助初学者快速理解React的基本概念和工作流程。 1. **React基本概念**： - **JSX**：React引入了一种叫做JSX的语法，它允许...
本教程将通过一个名为"WebService入门Demo"的示例项目，探讨如何使用JSON、XML、Web Service以及UPnP（通用即插即用）技术来实现Android设备与服务器之间的通信。 首先，让我们了解一下JSON（JavaScript Object ...