简单使用JSON,JavaScript读取JSON文本(三)
2013-08-21 08:10
381 查看
JavaScript 读取 JSON 文本转换为对象
JSON 最常见的用法之一,是从 web 服务器上读取 JSON 数据(作为文件或作为 HttpRequest),将 JSON 数据转换为 JavaScript 对象,然后在网页中使用该数据。txt.json
var txt = '{ "employees" : [' + '{ "firstName":"Bill" , "lastName":"Gates" },' + '{ "firstName":"George" , "lastName":"Bush" },' + '{ "firstName":"Thomas" , "lastName":"Carter" } ]}';
json.html
<html>
<body>
<h2>
通过 JSON 字符串来创建对象
</h2>
<p>
First Name:
<span id="fname"></span>
<br />
Last Name:
<span id="lname"></span>
<br />
</p>
<script type="text/javascript" src="txt.json"></script>
<script type="text/javascript">
obj = JSON.parse(txt);
document.getElementById("fname").innerHTML = obj.employees[1].firstName
document.getElementById("lname").innerHTML = obj.employees[1].lastName
</script>
</body>
</html>
<html> <body> <h2> 通过 JSON 字符串来创建对象 </h2> <p> First Name: <span id="fname"></span> <br /> Last Name: <span id="lname"></span> <br /> </p> <script type="text/javascript" src="txt.json"></script> <script type="text/javascript"> obj = JSON.parse(txt);
或者:
var obj = str.parseJSON();
结果显示:
![](http://images.cnitblog.com/blog/557691/201308/21081030-0e82100763934f5da0a0e24efd963ac3.png)
相关文章推荐
- 使用JavaScript读取所选文本并将其复制到剪贴板
- cocos2dx3.2 json读取数据简单使用
- 简单使用JSON,JavaScript中创建 JSON 对象(一)
- javascript中json的简单使用。
- 使用eval函数把 JSON 文本转换为 JavaScript 对象
- 简单文本消息交互接口之使用json
- C++简单使用Jsoncpp来读取写入json文件
- zTree在asp.net中读取数据库简单使用示例
- 用ATL使用自动化操控MS word读取文本内容
- 使用JavaScript设计一个简单的HTML倒计时页面
- Linux下之使用简单3种创建文件的命令,并实现一个Html和JavaScript小程序
- Jsoncpp的简单使用
- JSON.NET 简单的使用
- 关于android通过servlet访问MySql数据库的问题(附带简单的JSON使用)
- JavaScript中简单应用正则表达式的小实例_文本替换_replace
- 简单记录javascript中对象的使用
- 使用 Json.Net 对Json文本进行 增删改查
- 使用 Perl、jQuery、Ajax、JSON 和 MySQL 实现简单的登录
- JavaScript_Json使用
- 用户体验超棒并且功能强大使用简单的javascript表单验证 - Parsley.js