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>
分享到:
相关推荐
这个是入门spring mvc的Demo,是我学习spring mvc时写的,实现了spring mvc的输入校验,上传文件,和返回json数据时的配置,感觉对于初学者很有帮助
web项目jsp后台_servlet入门练习demo+可返回json+说明文档+数据库。 === 可以用来做android服务端测试,也可以作为java开发入门练习。 === demo_myweb:项目目录 lxb_test.sql:数据库文件 ====== 数据库版本 mysql...
代码里详细介绍JSON库的详细使用,对于入门来说非常合适
最近项目要用Jquery ,研究了下JQUERY,做了个JQUERY AJAX 结合JSON的DEMO ,对入门的朋友有帮助
入门 您需要一个Google Cloud Console帐户 创建一个新项目,获取凭据JSON密钥类型。 Redis服务器 文献资料 git clone git@github.com:AfterShip/demo_streamer2bigquery.git cd demo_streamer2bigquery && npm ...
简单的springMVC入门程序配置Spring data jpa亲测可完美运行
/checkLogin.json = anon /** = authc </bean> <!-- 用户授权信息Cache --> <bean id="cacheManager" class="org.apache.shiro.cache.MemoryConstrainedCacheManager" /> <!-- 保证实现了...
Json介绍: ...Demo: 描述: 点击获取按钮后,将请求页面,获取json数据,填充到表格html代码: 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3
解耦视图 使用DruxtJS在Vue中查看视图!... php -d memory_limit=-1 web/core/scripts/drupal quick-start demo_umami 安装JSON:API视图模块: 第2部分-后端演示。 使用Recipes视图演示JSON:API V
代码基于RapidJson v1.1 (2016-8-25)。 代码示例是本人项目中用到的解析和创建嵌套json文本格式的C++代码,已用于项目中。...RapidJson是一套非常优秀的C++ JSON解析创建框架,可以通过本demo入门。
适合初学者看的东西,里面详细讲述了使用 amfphp 的方法。 amfphp 到底有吗用呢?其实很简单,他可以让php给你不同类型的 数据,而不仅仅只有json那的string了。
入门(使用 npm package.json) 获取 node.js 在克隆的文件夹中运行 npm install 在克隆的文件夹中运行 node app.js 访问 入门(手动安装) 获取 node.js 安装 socket.io npm install socket.io 安装 node-...
开发工具IntelliJ IDEA15,maven构建工程,使用spring4.1.1,demo集成jackson传输json,hibernate-validator校验数据,mybatis数据库持久框架,拦截器interceptor,aop构建事务等,让你快速入门spring
入门 该项目包含从 leetcode 获取数据和分析。 对于演示,请使用“DEMO_TO_RUN.ipynb”。 问题 哪种类型的问题更容易出现? 我对这家公司有足够的了解吗? 数据集 力码网站 | +---困难---+ | 文件结构 主分支 +----...
入门 依存关系 Node.js> = 0.10.24 跑步 如果您使用unix / linux / osx: make start 如果在Windows上,或者您没有make: node server 然后,转到localhost:3000,注意如果另一个程序正在占用该端口,则会收到一...
OkHttp3Demo博客地址OkHttp3入门介绍OkHttp3入门介绍之Cookie持久化服务端地址简介OkHttp是一个处理网络请求的开源项目,是安卓端最火热的轻量级框架,本文主要介绍OkHttp3的基本使用方法。结合自己的项目经验,主要...
Eleventy入门套装 这是的入门套件。 其外观是基于我使用Eleventy时在上的网站外观。 请参阅。 此入门套件使用JavaScript模板(.11ty.js)。 有关使用Nunjucks模板的版本,请参见。 如何使用 将此复制到本地存储库...
本文件是一个示例文件,展示了python基本语法的应用,包括基本变量类型、输入输出、基本运算、流程...本文件并未使用第三方库,仅使用了python自带的json和keyword两个库,安装完成python环境后即可直接运行查看效果。
json-tf@1.0.0 test /Users/sallen/Projects/Demo/JSON-TF> mocha xStudentsGoessner.json #familyName ✓ should find "Lovell" as familyName using xStudentsGoessner.xStudents.xStudent.name.familyName 1 ...
learn-node_basenode的入门学习笔记和demo1. npm init -y nodejs中用npm初始化来创建package.json的方法2. yarn add vue