XML用户界面语言（XUL）开发入门(7)

需要做的第一件事是启用 XPConnect。这允许使用 XPConnect 来处理 XPCOM 组件。在这个示例中，使用的是 Mozilla 的 org.file.local 类。然后能够调用这个对象上的方法，就像对象是在本地运行一样。您或许还注意到这里调用的 serialize() 方法，它将输入的数据序列化成一个 JSON 串，如清单 8 所示。

清单 8. 序列化数据

function serialize(){

　　var name = document.getElementById("name").value;

　　var entry = document.getElementById("entry").value;

　　var tags = document.getElementById("tags").value;

　　var pubDate = document.getElementById("pubDate").value;

　　var sigData =

　　　　document.getElementById("canvas").toDataURL();

　　var obj = { "name" : name, "entry" : entry, "tags" : tags,

　　　　"pubDate":pubDate, "sigData":sigData};

　　var str = obj.toJSONString();

　　return str;

}

此外，您使用了普通的 JavaScript DOM 功能来获得所创建的表单外的数据。然后创建一个 JavaScript 对象，封装保存博客条目的属性。使用来自 json.org 的 JSON 库，可以将 JavaScript 对象转换为一个字符串。然后将这个字符串写入到文件中。那么这个文件是什么呢？清单 9 显示了一些代码，这些代码决定将要保存什么文件。

清单 9. 决定保存文件的代码

var savefile = "blogentry.txt";

try {

　　 netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");

} catch (e) {

　　 alert("Permission to save file was denied.");

}

// get the path to the user's home (profile) directory

const DIR_SERVICE = new Components.Constructor("@mozilla.org/file/

　　　　　　　　　　　　　　　　　　　　directory_service;1","nsIProperties");

try {

　　 path=(new DIR_SERVICE()).get("ProfD", Components.interfaces.nsIFile).path;

} catch (e) {

　　 alert("error");

}

// determine the file-separator

if (path.search(//) != -1) {

　　 path = path + "";

} else {

　　 path = path + "/";

}

savefile = path+savefile;

所有这些代码所做的就是确定用户的主目录。因此应用程序保存的任何数据都将存储在 ~/blogentry.txt 中。另外，可以使用 XPCOM 访问一些丰富的功能，这些功能是XUL框架的一部分。这些代码也会做一些 OS 嗅探，以避免使用错误路径保存数据而导致的问题。

因此可以将数据写入磁盘，但是如何从磁盘读取数据呢？您或许在 图 1 注意到，在启动时调用了一个 JavaScript 函数 read()。清单 10 显示了此函数的代码。

清单 10. read() 函数

function read() {

　　 try {

　　　　　netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");

　　 } catch (e) {

　　　　　alert("Permission to read file was denied.");

　　 }

　　 var file = Components.classes["@mozilla.org/file/local;1"]

　　　　　.createInstance(Components.interfaces.nsILocalFile);

　　 file.initWithPath( savefile );

　　 if ( file.exists() == false ) {

　　　　　alert("File does not exist");

　　 }

　　 var is = Components.classes["@mozilla.org/network/file-input-stream;1"]

　　　　　.createInstance( Components.interfaces.nsIFileInputStream );

　　 is.init( file,0x01, 00004, null);

　　 var sis = Components.classes["@mozilla.org/scriptableinputstream;1"]

　　　　　.createInstance( Components.interfaces.nsIScriptableInputStream );

　　 sis.init( is );

　　 var output = sis.read( sis.available() );

　　 deserialize(output);

}