Loading local jquery.js file in node js

Question

I want to load local jquery file in my node js chat application.I have searched a lot but i cant find a proper solution.

<!doctype html>
<html>
  <head>
    <title>Socketio</title>
  </head>
  <body>
      <!--This wont work -->
      <script src="/socket.io/jquery.min.js"></script> 
        <!--This will work -->
      <script src="/socket.io/socket.io.js"></script>

  </body>
</html>

I just copy jquery.js file to socket.io folder.The socket.io.js file loads properly but jquery file didnt.Please help me Here is my index.js file

var app = require('express')();
var server = require('http').Server(app);
var io = require('socket.io')(server);


app.get('/', function(req, res){
  res.sendFile(__dirname + '/index.html');
});

server.listen(3000, function(){
  console.log('listening on *:3000');
});

What do you need jQuery on server side for ? Maybe you want to load it on index.html ? — Rosmarine Popcorn
– Rosmarine Popcorn, Commented Dec 24, 2014 at 16:48
But it didnt work .i will get the error cannot GET jquery file — Blessan Kurien
– Blessan Kurien, Commented Dec 25, 2014 at 6:43

Blessan Kurien · Accepted Answer · 2014-12-27 10:12:12Z

1

Finally I found the answer.I simply load the jquery file from localhost by this way http://localhost/assets/jquery.min.js.

answered Dec 27, 2014 at 10:12

Blessan Kurien

1,6759 gold badges33 silver badges64 bronze badges

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

Comments

Sean Novak · Accepted Answer · 2017-06-09 16:35:24Z

1

app.use('/assets', express.static('assets'))

Put your jquery.min.js file in relative "/assets/jquery.min.js" path, then access as http://localhost/assets/jquery.min.js

"localhost" could be your ip address also.

Personally, I need this because I need a completely self contained demo to run independant of an available internet connection. Murphy's law is alive and well come conference time.

answered Jun 9, 2017 at 16:35

Sean Novak

5203 silver badges14 bronze badges

Comments

amigo21 · Accepted Answer · 2014-12-24 16:48:15Z

0

You might want allow Express framework to render HTML and pass in the static jQuery files. That's how I would do it.

This page explains how you can restructure your app to serve jquery files through the node routes instead of HTML code.

answered Dec 24, 2014 at 16:48

amigo21

4912 gold badges7 silver badges19 bronze badges

1 Comment

Blessan Kurien Over a year ago

Its little bit complicated.

Chan Nyein · Accepted Answer · 2015-11-04 09:30:49Z

0

app.get('/jquery', function(res, req){
   res.sendFile(__dirname + '/jquery.js');
});

answered Nov 4, 2015 at 9:30

Chan Nyein

171 bronze badge

2 Comments

Blessan Kurien Over a year ago

Could you please explain this?

Chan Nyein Over a year ago

Sorry for late explanation. This means response will be jquery.js if you send request to baseurl/jquery.

Josh Dando · Accepted Answer · 2018-09-13 17:16:17Z

0

This is what worked for me. (inside app.js)

const express = require('express');//path to express module
const path = require('path');
const app = express();
app.use(express.static(path.join(__dirname, 'public')));

My file structure looked like this:

  server.js
  app.js
> public
    index.html
  > assets
    > js
        jquery.min

Then import jquery from index.html like normal:

<script src="assets/js/jquery-3.3.1.min.js"></script>

answered Sep 13, 2018 at 17:16

Josh Dando

2,2031 gold badge18 silver badges10 bronze badges

Comments

Shan Niz · Accepted Answer · 2014-12-27 02:15:18Z

-1

One workaround is to use the online source file link. Try loading the jquery using the following,

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

That works fine at my end.

answered Dec 27, 2014 at 2:15

Shan Niz

591 silver badge4 bronze badges

Collectives™ on Stack Overflow

Loading local jquery.js file in node js

6 Answers 6

Comments

Comments

1 Comment

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

1 Comment

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related