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);
}