jQuery.ajax() in node.js?

Question

Is it possible to use jQuery.ajax() in node.js exactly as it is syntax-wise?

I am trying to share non-UI browser code with node.js. I do not want to replace all the existing function calls with my own wrapper.

Currently when I try it, it would say "No Transport" by default because jQuery does domain detection. If I turn it off by setting jQuery.support.cors it would say XMLHttpRequest.open() not available.

Overriding the Ajax method of jQuery with a small HTTP client in Node would be a better option than replacing all existing calls in the code, but still hacky. — Phil Parsons
– Phil Parsons, Commented Dec 26, 2011 at 21:58
#380 references this issue. Just updated my nq package to workaround this. — abernier
– abernier, Commented Oct 29, 2012 at 16:53

Louis-Rémi · Accepted Answer · 2014-06-13 09:40:29Z

43

I was able to solve the "No Transport" issue using the XMLHttpRequest module, like this:

var $ = require('jquery'),
    XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest;

$.support.cors = true;
$.ajaxSettings.xhr = function() {
    return new XMLHttpRequest();
};

edited Jun 13, 2014 at 9:40

Louis-Rémi

1,7681 gold badge13 silver badges14 bronze badges

answered Jan 18, 2012 at 19:36

webXL

1,6301 gold badge15 silver badges21 bronze badges

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

Comments

alzclarke · Accepted Answer · 2012-11-16 12:05:51Z

12

also consider najax, a wrapper for the node request module which allows jquery style syntax for server-side requests

https://github.com/alanclarke/najax

var najax = require('najax');
najax('http://www.google.com', function(html){ console.log(html); });
najax('http://www.google.com', { type:'POST' }, function(html){ console.log(html); });
najax({ url:'http://www.google.com', type:'POST', success: function(html){ console.log(html); });
najax({ url:'http://www.google.com', type:'POST' }).success(function(resp){}).error(function(err){});

najax.get, najax.post, najax.put, najax.delete...

answered Nov 16, 2012 at 12:05

alzclarke

1,7652 gold badges17 silver badges20 bronze badges

2 Comments

Steven Vachon Over a year ago

This lead me to jajax and djax which have no dependencies (particularly the bulky lodash) making them better suited for browserify projects.

Steven Vachon Over a year ago

I eventually ended up not finding a jQuery.ajax equivalent that suited my needs. djax doesn't support the quite convenient complete handler, so I decided to go with future technology: github.com/github/fetch

fent · Accepted Answer · 2011-12-26 22:47:52Z

8

If you want the exact jQuery.ajax syntax, try https://github.com/driverdan/node-XMLHttpRequest

But really if you have control over what you're calling ajax for, you should do it with node's http.request or a module like request

answered Dec 26, 2011 at 22:47

fent

18.3k16 gold badges91 silver badges91 bronze badges

2 Comments

voidvector Over a year ago

It is not as intuitive as I had though. The node jquery module has built-in support for node-XMLHttpRequest. However, it has been broken by recent version of jsdom.

abernier Over a year ago

@voidvector: you are right, jsdom now defines a "noop" XMLHttpRequest function as referenced here: github.com/tmpvar/jsdom/issues/380

Arnd Brugman · Accepted Answer · 2017-03-23 12:54:40Z

7

I am also sharing code between a browser and nodejs and also use JQuery for Ajax calls. JQuery requires a window which I use from domino.

update:

if (typeof module !== 'undefined' && module.exports)
{
  if (typeof global !== 'undefined' && typeof global.process !== 'undefined' &&
    Object.prototype.toString.call(global.process) === '[object process]') {
    var domino = require('domino');
    var window = domino.createWindow('<html></html>');

    var document = window.document;
    var $ = require('jquery')(window);
    var XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest;
    $.support.cors = true; // cross domain, Cross-origin resource sharing
    $.ajaxSettings.xhr = function() {
      return new XMLHttpRequest();
    };
  }
}

edited Mar 23, 2017 at 12:54

answered Aug 31, 2014 at 8:17

Arnd Brugman

891 silver badge5 bronze badges

2 Comments

HelpMeStackOverflowMyOnlyHope Over a year ago

Why are you exporting "huepi" when its not defined anywhere?

Arnd Brugman Over a year ago

Good point :). I copied it from my project that uses this, It is called huepi: github.com/arndbrugman/huepi. I'll remove it from the code above. Thx for noticing!

gonnavis · Accepted Answer · 2017-10-18 09:47:23Z

0

You can use Electron, it allows hybrid browserjs and nodejs.

Before, I tried to use canvas2d in nodejs, but finally I gave up. It's not supported by nodejs default, and too hard to install it (many many ... dependeces). Until I use Electron, I can easily use all my previous browserjs code, even WebGL, and pass the result value(eg. result base64 image data) to nodejs code.

edited Oct 18, 2017 at 9:47

answered Oct 18, 2017 at 9:35

gonnavis

3561 gold badge7 silver badges16 bronze badges

Collectives™ on Stack Overflow

jQuery.ajax() in node.js?

5 Answers 5

Comments

2 Comments

2 Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related