1、原理

  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 &nbsp;name &nbsp; &nbsp; &nbsp;agae &nbsp;gender</br>";
var students = jsonObj.students;
for(var i = 0; i < students.length; i++){
var student = students[i];
info += student.id + " &nbsp;" + student.name + " &nbsp;" + student.age + " &nbsp; &nbsp;" +student.gender + "</br>";
}
var infodiv = document.getElementById("info");
infodiv.innerHTML=info;
})

  将index.html、package.json、script.js三个文件压缩成zip包(三个文件在根目录下),重命名为testjson.nw.运行。注意的是json.json文件的路径不能错。运行结果如下:

  

node-webkit读取json文件的更多相关文章

  1. Unity 用C#脚本读取JSON文件数据

    读取JSON文件数据网上有很多方法吗,这里采用SimpleJSON,关于SimpleJSON的介绍参考以下链接:http://wiki.unity3d.com/index.php/SimpleJSON ...

  2. jquery无法读取json文件问题

    jquery无法读取json文件,如:user.json文件无法读取.把user.json文件的后缀名修改为aspx,文件内容不变,则可以读取~ 原理不懂!~~

  3. cocos2d-x 读取 json 文件并用 jsoncpp 做解析

    一码胜万言(请看注释) CclUtil.h // // CclUtil.h // PracticeDemo // // Created by kodeyang on 8/1/13. // // #if ...

  4. jQuery读取json文件,实现省市区/县(国标)三级联动

    最近做一个微信项目,需要用户填写所在的省市区/县,决定使用jQuery读取json文件来实现省市区/县的联动. 其实很简单,jQuery文档也有详细解释: 代码如下: html <table w ...

  5. jqery ajax读取json文件

    json文件数据 [ {"name":"哈哈··","email":"邮箱01","gender": ...

  6. spring注解读取json文件

    开发时候在接口没有提供的时候,可以用json文件提前模拟接口数据 1.service层 package com.syp.spring.service; import java.io.File; imp ...

  7. Android - 读取JSON文件数据

    Android读取JSON文件数据 JSON - JavaScript Object Notation 是一种存储和交换文本信息的语法. JSON对象在花括号中书写.用逗号来分隔值. JSON数组在方 ...

  8. Asp.Net MVC 读取json文件

    有些系统上面的配置可以做成config里面的appsetting.这里要求写在json文件里面. 首先 添加命名空间 using Newtonsoft.Json; using System.IO; u ...

  9. Python json 读取 json 文件并转为 dict

    Python json 读取 json 文件并转为 dict 在 D 盘 新建 test.json: { "test": "测试\n换行", "dic ...

随机推荐

  1. innerHTML和innerText区分

    示例代码:<div id="test"> <span style="color:red">test1</span> test ...

  2. RabbitMQ与.net core(五) topic类型 与 headers类型 的Exchange

    1.topic类型的Exchange 我们之前说过Topic类型的Exchange是direct类型的模糊查询模式,可以通过routkey来实现模糊消费message,topic的模糊匹配有两种模式: ...

  3. 实时信号与sigqueue函数

    一.sigqueue函数 功能:新的发送信号系统调用,主要是针对实时信号提出的支持信号带有参数,与函数sigaction()配合使用. 原型:int sigqueue(pid_t pid, int s ...

  4. Linux内核同步 - memory barrier

    一.前言 我记得以前上学的时候大家经常说的一个词汇叫做所见即所得,有些编程工具是所见即所得的,给程序员带来极大的方便.对于一个c程序员,我们的编写的代码能所见即所得吗?我们看到的c程序的逻辑是否就是最 ...

  5. Xfire实现webservice时,对象传递规则及解析简析

    Xfire实现webservice,传递对象解析的话,要分两种情况处理:1.基本类型对象:2.复杂对象 其实,在客户端直接传递数组,如String[] int[]等这些无法通过配置具体类型来通知xfi ...

  6. scikit-learn 入门练习

    1. 一个简单的SVM实例: from sklearn import svm X = [[2, 0], [1, 1], [2,3]] y = [0, 0, 1] clf = svm.SVC(kerne ...

  7. JavaScript:表单常用验证脚本(整理)

    以下内容根据网上资源整理而来,主要来源是CSDN一个供下载的check.js,源码地址找不到了. 1. 检查输入字符串是否为空或者全部都是空格 /* 检查输入字符串是否为空或者全部都是空格 输入:st ...

  8. novas的verdi和debussy是干什么用的(关于debussy的一些介绍)

    source code window: 提供了一个比较友好的界面,将整个设计的source code按设计的层次结构以树状排布,并且可以在代码上反标仿真结果,支持查找.寻找驱动等一些debug常用的操 ...

  9. centos 7 sshd 重启 停止 启动

    # systemctl stop sshd.service #restart stop start

  10. yum 报错 Error: rpmdb open failed

    # yum list rpmdb: unable to join the environment error: db3 error() from dbenv->open: Resource te ...