从节点初始化 jquery

Question

我正在使用以下内容创建一个新项目：

$mkdir X
$cd X
$npm install jquery

然后创建一个新的app.js文件：

var http = require('http');
var $ = require('jquery');
console.log("http="+ http);
console.log("$="+ $);
console.log("$.getJSON="+ $.getJSON);

输出为：

http=[object Object]
$=function ( w ) {...}
$.getJSON=undefined

为什么 $.getJSON 未定义？使用最新的 io.js v2.4.0.

Answer 1

您正在尝试从 Node.js 中创建一个 XHR。这是行不通的，因为 Node.js 只是一个 JavaScript 运行时，与浏览器不同。

如果你想通过 HTTP 协议从某个地方获取一些东西，你可以使用类似 request 的东西。例如（来自官方文档）：

var request = require('request');
request('http://www.google.com', function (error, response, body) {
  if (!error && response.statusCode == 200) {
    console.log(body) // Show the HTML for the Google homepage. 
  }
})

您可以查看（也是我提供的）以获取有关将 jQuery 与 Node.js 结合使用的更多信息。

更新[再次！]：

所以您想知道 jQuery 节点模块如何区分浏览器和节点环境？当你在提供 module 和 module.exports 的 CommonJS 或类似环境中 require jQuery 时，你得到的是一个工厂而不是实际的 jQuery 对象。正如您在下面看到的，该工厂可用于创建一个 jQuery 对象，即使用 jsdom:

let jsdom = require("jsdom");
let $ = null;

jsdom.env(
  "http://quaintous.com/2015/07/31/jquery-node-mystery/",
  function (err, window) {
    $ = require('jQuery')(window);
  }
);

这里是jQuery如何区分浏览器和io.js（或Node.js）：

(function( global, factory ) {

    if ( typeof module === "object" && typeof module.exports === "object" ) {
        // For CommonJS and CommonJS-like environments where a proper `window`
        // is present, execute the factory and get jQuery.
        // For environments that do not have a `window` with a `document`
        // (such as Node.js), expose a factory as module.exports.
        // This accentuates the need for the creation of a real `window`.
        // e.g. var jQuery = require("jquery")(window);
        // See ticket #14549 for more info.
        module.exports = global.document ?
            factory( global, true ) :
            function( w ) {
                if ( !w.document ) {
                    throw new Error( "jQuery requires a window with a document" );
                }
                return factory( w );
            };
    } else {
        factory( global );
    }

// Pass this if window is not defined yet
}(typeof window !== "undefined" ? window : this, function( window, noGlobal ) {
  // implementation

  return jQuery;
}));

我会使用 jQuery 的 npm 包用于 custom builds 而不是与 require 一起使用！

更新:

我觉得这个主题恰好让一些开发人员很忙，所以我结合了我自己的几个答案并写了 an article 关于整个 jQuery/Node 组合！

Answer 2

如果你想同步加载jquery你可以使用类似下面的东西

var jsdom  = require('jsdom');
var jQuery = require('jquery')(jsdom.jsdom('<p><a>jsdom!</a></p>').defaultView);

从节点初始化 jquery

Initializing jquery from Node

jquery

node.js

init