javascript - 如何使用 Node.js 读取 jQuery 的 HTML 文件

Question

我正在使用网络技术和“客户端”node.js 创建一个桌面应用程序。通过使用 NWJS，我可以加载“客户端” Node 模块。

我想使用 Node 的 fs.readFile 之类的东西来加载客户端 .html 文件，然后将其转换为 jQuery 对象，例如，我可以将其附加到某处.

我知道 jQuery 有它自己的 .load() 方法，但我想使用 node.js 来加载文件。

编辑:它现在正在根据 rsp 的答案运行

工作代码:

fs.readFile('./views/main.html', function (err, html) 
{
    if (err) 
    {
        throw err; 
    }     

    $('#toolview').empty().append($(html.toString()));
});

Answer 1

如果你可以使用fs.readFile和jQuery在相同的上下文中，您可以读取该文件并使用 jQuery 解析它，如下所示:

fs.readFile('/path/to/file', function (err, html) {
  if (err) {
    // handle error
  } else {
    var $html = $(html.toString());
    // now $html is a jQuery object
  }
});

这与您执行 $('<p>abc</p>') 几乎相同使用 jQuery。您可以将 HTML 字符串传递给 jQuery 函数，它会返回 jQuery 对象。这里唯一的区别是字符串来自文件。

您从 readFile 得到什么默认情况下不是字符串而是 Buffer 。它是在 ES6 中出现 TypedArray 之前添加的，以便能够以良好的性能处理文件和二进制数据流。

要将缓冲区转换为字符串，您可以使用 toString 方法，可选地采用编码(默认为 UTF-8)、要转换的缓冲区的开始和结束(默认为整个缓冲区)。

更多信息请参见:

• https://nodejs.org/api/fs.html
• https://nodejs.org/api/buffer.html