node-webkit读取json文件
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 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文件的路径不能错。运行结果如下：
node-webkit读取json文件的更多相关文章
- Unity 用C#脚本读取JSON文件数据
读取JSON文件数据网上有很多方法吗,这里采用SimpleJSON,关于SimpleJSON的介绍参考以下链接:http://wiki.unity3d.com/index.php/SimpleJSON ...
- jquery无法读取json文件问题
jquery无法读取json文件,如:user.json文件无法读取.把user.json文件的后缀名修改为aspx,文件内容不变,则可以读取~ 原理不懂!~~
- cocos2d-x 读取 json 文件并用 jsoncpp 做解析
一码胜万言(请看注释) CclUtil.h // // CclUtil.h // PracticeDemo // // Created by kodeyang on 8/1/13. // // #if ...
- jQuery读取json文件，实现省市区/县（国标）三级联动
最近做一个微信项目,需要用户填写所在的省市区/县,决定使用jQuery读取json文件来实现省市区/县的联动. 其实很简单,jQuery文档也有详细解释: 代码如下: html <table w ...
- jqery ajax读取json文件
json文件数据 [ {"name":"哈哈··","email":"邮箱01","gender": ...
- spring注解读取json文件
开发时候在接口没有提供的时候,可以用json文件提前模拟接口数据 1.service层 package com.syp.spring.service; import java.io.File; imp ...
- Android - 读取JSON文件数据
Android读取JSON文件数据 JSON - JavaScript Object Notation 是一种存储和交换文本信息的语法. JSON对象在花括号中书写.用逗号来分隔值. JSON数组在方 ...
- Asp.Net MVC 读取json文件
有些系统上面的配置可以做成config里面的appsetting.这里要求写在json文件里面. 首先 添加命名空间 using Newtonsoft.Json; using System.IO; u ...
- Python json 读取 json 文件并转为 dict
Python json 读取 json 文件并转为 dict 在 D 盘 新建 test.json: { "test": "测试\n换行", "dic ...
随机推荐
- js时间戳转成日期格式
将时间戳转换成日期格式:// 简单的一句代码var date = new Date(时间戳); //获取一个时间对象 注意:如果是uinx时间戳记得乘于1000.比如php函数time()获得的时间戳 ...
- Linux GPIO子系统
一 概述 Linux内核中gpio是最简单,最常用的资源(和 interrupt ,dma,timer一样)驱动程序,应用程序都能够通过相应的接口使用gpio,gpio使用0-MAX_INT之间的整数 ...
- 【Linux】X window与文本模式的切换
Linux默认的情况下会提供六个Terminal来让使用者登陆,切换的方式为:[Ctrl] + [Alt] + [F1]~[F6]的组合按钮.那这六个终端接口如何命名呢,系统会将[F1] ~ [F6] ...
- Jmeter----逻辑控制器(Logic Controller)
前言: 1. Jmeter官网对逻辑控制器的解释是:“Logic Controllers determine the order in which Samplers are processed.”.意 ...
- GL_总账会计科目追寻SLA及子模组
相信做总账的学友们,一般很多时间都会花费在查询日记账的来源,因为R12多了一个SLA模组,又有些增加了追溯日记账的难度,个人整理了一下 11i过账方式: 子模组-> 总账 (Post Journ ...
- view变化监听器ViewTreeObserver介绍
A view tree observer is used to register listeners that canbe notified of global changes in the vi ...
- Spring注解运行时抛出null
关于Spring的注解其实不难,大致需要以下几个流程: 一.配置Spring的注解支持 <?xml version="1.0" encoding="UTF-8&qu ...
- 在CentOS 7上安装Node.js的4种方法（yum安装和源码安装）
CentOS 7上的安装方法,其中涵盖了源码安装,已编译版本安装,EPEL(Extra Packages for Enterprise Linux)安装和通过NVM(Node version mana ...
- hadoop详细了解5个进程的作用
1.job的本质是什么?2.任务的本质是什么?3.文件系统的Namespace由谁来管理,Namespace的作用是什么?4.Namespace 镜像文件(Namespace image)和操作日志文 ...
- jquery的animate()方法也可设置非css属性
如题,举例: $('body').animate({scrollTop:0}, 1500); $("body").animate({scrollTop:"-=" ...