node-webkit读取json文件
2013-12-20 17:38
302 查看
1、原理
node-webkit包含了node.js,node.js提供了处理json数据文件的方法,通过node.js提供的方法,我们可以比较方便地读取json文件。
2、示例
这里我们读取的文件是包外的json文件,也就是说,该文件无需与运行的那三个文件一起打包。
a、新建index.html文件,我们将读取的json数据在index.html文件中显示出来
b、新建package.json文件文件内容如下
c、新建json.json文件,这是我们要读取的文件,我们将它放于C:\Users\user\dome\testjson这个路径下。文件内容如下
d、新建script.js文件,文件内容如下
将index.html、package.json、script.js三个文件压缩成zip包(三个文件在根目录下),重命名为testjson.nw.运行。注意的是json.json文件的路径不能错。运行结果如下:
node-webkit包含了node.js,node.js提供了处理json数据文件的方法,通过node.js提供的方法,我们可以比较方便地读取json文件。
2、示例
这里我们读取的文件是包外的json文件,也就是说,该文件无需与运行的那三个文件一起打包。
a、新建index.html文件,我们将读取的json数据在index.html文件中显示出来
<html> <head> <title>read json file</title> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <script type="text/javascript" src="script.js"></script> </head> <body > <div id="info"><div> </body> </html>
b、新建package.json文件文件内容如下
{ "name": "nw-demo", "main": "index.html" }
c、新建json.json文件,这是我们要读取的文件,我们将它放于C:\Users\user\dome\testjson这个路径下。文件内容如下
{ "tclass":"计算机", "students":[{ "id":1, "name":"zhangsan", "age":20, "gender":"meal" },{ "id":1, "name":"zhangsan", "age":20, "gender":"meal" }] }
d、新建script.js文件,文件内容如下
var fs = require('fs'); //加载node.js处理json的相关模块 fs.readFile('C:/Users/user/dome/testjson/json.json',function(err,data){//指定json.json文件路径 if(err) throw err; var jsonObj = JSON.parse(data); //转换成json对象 var clas = jsonObj.class; //计划模式数组 var info="id name agae gender</br>"; var students = jsonObj.students; for(var i = 0; i < students.length; i++){ var student = students[i]; info += student.id + " " + student.name + " " + student.age + " " +student.gender + "</br>"; } var infodiv = document.getElementById("info"); infodiv.innerHTML=info; })
将index.html、package.json、script.js三个文件压缩成zip包(三个文件在根目录下),重命名为testjson.nw.运行。注意的是json.json文件的路径不能错。运行结果如下:
相关文章推荐
- hadoop配置 - 启动backupNode和SecondaryNamenode
- hadoop介绍 - Hadoop Backup Node
- paypal之nodejs 框架 Kraken-js 源码分析
- JavaScript中Element与Node的区别,children与childNodes的区别
- AutoIt with XML: Add a child/grandchild node or remove any node
- nodeJs抓取网页
- 细说WebSocket - Node篇
- Node JS 入门——window下环境搭建
- Node.js介绍
- 新手入门:理解Node.js的异步非阻塞I/O模型
- Node.js 2013年大事记
- Node.js 2013年大事记
- FW - java - Adjacency list- 2013年12月19日15:42:04- BFS - edge Node
- Node.js express 版本出现的几个常见问题
- struct&nbsp;inode&nbsp;和&nbsp;struct&nbsp;file
- struct&nbsp;inode&nbsp;和&nbsp;struct&nbsp;file
- Extjs4.2 TreeView TreeStore 移除节点不触发delete(remove node don't trigger delete method)
- Ubuntu安装nodeJS
- nodejs express 框架解密5-视图
- Windows 下 玩转Node.JS