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. Linux命令-用户管理：useradd,userdel,usermod,id,su,env,exit

    添加一个linux用户之后,相当于在linux系统里面创建了如下文件: 添加一个用户(默认也会创建一个同名的用户组,在linux下面用户默认必须在一个用户组里面): useradd wyp 添加用户w ...

  2. class threading.Thread()说明：

    class threading.Thread()说明: class threading.Thread(group=None, target=None, name=None, args=(), kwar ...

  3. Python ceil() 函数

    描述 ceil(x) 函数返回一个大于或等于 x 的的最小整数(向上取整). 语法 以下是 ceil() 方法的语法: import math math.ceil( x ) 注意:ceil()是不能直 ...

  4. openssl之EVP系列之9---EVP_Digest系列函数的一个样例

    openssl之EVP系列之9---EVP_Digest系列函数的一个样例     ---依据openssl doc/crypto/EVP_DigestInit.pod翻译     (作者:Drago ...

  5. C# ASE加密解密

    项目中比较常用的加密手段 /// <summary> /// ASE_128_ECB_无填充_64Base_加密函数 /// </summary> /// <param ...

  6. Redis(一):概述

    1.Redis解释 Redis 是一个基于key-value形式进行存储的内存型数据库. 1.1 数据存储方式为key-value 1.2 数据存储在内存中. 1.2.1 优点:效率高.理论值:每秒1 ...

  7. C 指向指针的指针

    #include <stdio.h> int main() { char *cBooks[] = { "C程序设计语言", "C专家编程", &qu ...

  8. [Jobdu] 题目1499：项目安排

    题目描述: 小明每天都在开源社区上做项目,假设每天他都有很多项目可以选,其中每个项目都有一个开始时间和截止时间,假设做完每个项目后,拿到报酬都是不同的.由于小明马上就要硕士毕业了,面临着买房.买车.给 ...

  9. iOS： 让键盘消失的的4种方法

    转自:http://leopard168.blog.163.com/blog/static/168471844201422121310352/ 在iOS app中,只要用到编辑框(UITextFiel ...

  10. asp.net kindeditor 后台取不到数据

    今晚搞了3个小时,才搞定这个破问题. 页面上使用kindeditor,提交的时候使用了LinkButton,按钮后台事件私活娶不到kineditor里的数据. 最终一步一步测试,终于发现是LinkBu ...