在 Node.js 中使用 jQuery

Question

嗨，我是新来的，希望我能说清楚。我一直在尝试在 node.js 中调用（？）jQuery，但我所做的一切都失败了。我已经尝试解决这个问题好几个小时了，但仍然希望有人可以帮助我解决这个问题！

我正在尝试使用他们的 api 从 twitch 获取一些信息。在这种情况下，如果流媒体在线或离线。当我在本地打开页面（没有 node.js）时，jQuery 代码工作正常。但是，当我尝试使用 node.js 时，它会给出错误：$.

这是经过一些研究和随机尝试之后的结果..（对 node.js 和 jQuery 来说还是新手）：

` http://imgur.com/a/2nhho

`

编辑：我尝试使用 node.js 的原因是在不刷新的情况下更新我的网站。所以如果有人上线/下线，他/她不应该被强迫刷新。

Answer 1

您可以使用基于jsdom 的npm 模块。
它会给你一个窗口对象。 示例：

var express = require('express');
var Window = require('window');
global.window = new Window();
global.document = window.document;
var $ = require('jquery');
var app = express();
function game() {
   $("body").append(`<h1>Hello world!</h1>`);
}
game();
app.get('/', function (req, res) {
    res.send(document.getElementsByTagName('html')[0].innerHTML)
});

Answer 2

“当你唯一的工具是锤子时，每个问题看起来都像钉子。”

在这种情况下，您尝试使用错误的工具来完成这项工作。 jQuery 是专门为在浏览器环境中使用而构建和优化的。虽然您可以通过拥有影子 DOM 来强制它工作……但不要这样做。

如果您想使用 jQuery 的选择器和 DOM 操作功能，cheerio 基本上实现了该 API，但专门用于 Node.js/服务器端。

但是，您听起来好像想使用它的 ajax() 方法（或者它的帮助器之一，例如 post() 或 get()。

相反，您应该使用为 Node.js 构建的东西。 node-fetch (https://www.npmjs.com/package/node-fetch) 是专为 Node.js 设计的出色且易于使用的选项。

这是其文档中的一个简单示例：

fetch('https://github.com/')
.then(function(res) {
    return res.text();
}).then(function(body) {
    console.log(body);
});

您首先使用所需的 URL 调用 fetch()。它将返回带有 Response 对象的 Promise。从中，您可以提取 text() 或其他任何内容，然后您可以从那里解析它。

如果您需要传递选项、调用不同的方法（如 POST）等，您只需给它一个选项对象作为第一次调用的第二个参数（查看他们的文档）。