jquery and jsdom in node

Question

I have a problem with jquery in nodejs (jsdom):

[server]

const http = require('http');
const fs = require('fs');
const $ = require('jquery');

const jsdom = require("jsdom");
const { JSDOM } = jsdom;

const main = require('./main');

const dom = new JSDOM(`<!DOCTYPE html><html><body><p>Hello world</p></body>`);

http.createServer(function(request, response){
  response.writeHeader(200, {"Content-Type": "text/html"});
  response.write(dom.serialize());
  response.end();
}).listen(8080);

and

[main]

    $.get('xxx').then(function(xxx) {
    ...

Error:

$ is not defined

I want to have access to the house through jquery Where is the mistake?

I'm pretty sure that you can't have a variable named '$' '$' is a keyword — Coding Tutorials Hotspot, Jul 30 '17 at 15:04
$ Isn't a keyword. The problem is that you are requiring jQuery in the server-side, not in the client-side. — , Jul 30 '17 at 15:05
Possible duplicate of [JQuery - $ is not defined](https://stackoverflow.com/questions/2194992/jquery-is-not-defined) — baao, Jul 30 '17 at 15:10

score 0 · Answer 1 · 2017-07-30T16:17:59.433

0

The problem is that you are requiring jQuery in the server-side, so your client-side won't know what $ is. To solve this you need to inject jQuery, there are a lot of ways to do that, one of those is using a CDN.

See the code below:

const dom = new JSDOM(`
  <!DOCTYPE html>
  <html>
    <body>
      <p>Hello world</p>
    </body>
    <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script>
      // Use jQuery here.
    </script>
  </html>
`);

edited Jul 30 '17 at 16:17

answered Jul 30 '17 at 15:10

@Anon What is happening now? Is $ still undefined? – Jul 30 '17 at 15:20
1

@user7560588 Yes, you can use jQuery in the backend (node) https://www.npmjs.com/package/jQuery – rinogo Dec 25 '17 at 06:11

jquery and jsdom in node

1 Answers1