How to use jquery in node js?

Question

I am trying to use jquery in my node js file. I installed the jquery module already.

When I visit the page, I get the error:

    var jqxhr = jquery.$.getJSON( "favs.json", function() {
                         ^
TypeError: Cannot call method 'getJSON' of undefined
    at Server.<anonymous>
    at Server.EventEmitter.emit (events.js:98:17)
    at HTTPParser.parser.onIncoming (http.js:2076:12)
    at HTTPParser.parserOnHeadersComplete [as onHeadersComplete] (http.js:120:23)
    at Socket.socket.ondata (http.js:1966:22)
    at TCP.onread (net.js:525:27)

code:

var http = require('http');
var jquery = require('jquery');

var PORT = 3000;

http.createServer(function(request, response) {
    response.writeHead(200, {'Content-Type': 'text/plain', 'Access-Control-Allow-Origin': "*"});

    var jqxhr = jquery.$.getJSON( "favs.json", function() {
        console.log( "success" );
    })
    .done(function() {
        console.log( "second success" );
    })
    .fail(function() {
        console.log( "error" );
    })
    .always(function() {
        console.log( "complete" );
    });
}).listen(PORT);

console.log('Server running at http://127.0.0.1:' + PORT + '/');

Does anyone know how to fix this?

Thanks.

hexacyanide · Accepted Answer · 2016-03-01 03:28:58Z

5

Update: For recent versions (>=2.1.0), instantiation is done differently and now also requires jsdom:

var env = require('jsdom').env;
var html = '<html>...</html>';

env(html, function(err, window) {
  console.log(err);

  var $ = require('jquery')(window);
});

You are not instantiating the jQuery object correctly. This is how it should be done:

var jquery = require('jquery');
var $ = jquery.create();

Then you can use the method you want to you:

$.getJSON('/resource.json', function() {
  console.log('success');
})
  .done(function() {
    console.log('second success');
  })
  .fail(function() {
    console.log('error');
  })
  .always(function() {
    console.log('complete');
  });

edited Mar 1, 2016 at 3:28

answered Sep 21, 2013 at 18:00

hexacyanide

92.4k31 gold badges168 silver badges162 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

corysimmons Over a year ago

This doesn't work. TypeError: jquery.create is not a function

hexacyanide Over a year ago

The original answer was posted in 2013 and does not apply to recent versions. I've added an updated example.

corysimmons Over a year ago

Cool thanks. I already moved on to request/cheerio for my purposes, but thanks for the quick response/fix. :)

Frank Kong Over a year ago

updated one doesn't work. TypeError: env is not a function

Collectives™ on Stack Overflow

How to use jquery in node js?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related