All geek questions in one place

Run Nodejs script from html page?

I am currently using Express.js to build my site. My main script server is called index.coffee . I also created a script called request.js that makes a GET request and displays the response using

  console.log(list);

I have no problem running the script from the console: node request.js

My question is: how to get the "Get the list" on my page to respond to a click, a list on the same page (ie performing request.js on a server and displaying the result)

app.js

 /** * Module dependencies. */ var express = require('express') , routes = require('./routes'); var app = module.exports = express.createServer(); // Configuration app.configure(function(){ app.set('views', __dirname + '/views'); app.set ('view engine', 'coffee'); app.register('.coffee', require('coffeekup').adapters.express); app.use(express.bodyParser()); app.use(express.methodOverride()); app.use(app.router); app.use(express.static(__dirname + '/public')); }); app.configure('development', function(){ app.use(express.errorHandler({ dumpExceptions: true, showStack: true })); }); app.configure('production', function(){ app.use(express.errorHandler()); }); app.get('/', function(req, res) { res.render('index',{ layout: false }); }); app.listen(3000); console.log("Express server listening on port %d in %s mode", app.address().port, app.settings.env);

index.coffee

 doctype 5 html -> head -> body

p → "hey"

+6
source share
1 answer

I use simple JS and not a coffee script, so here is an example for a Fosco comment (call it server.js ):

 var express = require('express'), list = require('./request.js').Request; // see template var app = express.createServer(); app.use(express.static(__dirname + '/public')); // exposes index.html, per below app.get('/request', function(req, res){ // run your request.js script // when index.html makes the ajax call to www.yoursite.com/request, this runs // you can also require your request.js as a module (above) and call on that: res.send(list.getList()); // try res.json() if getList() returns an object or array }); app.listen(80);

Write the index.html file and save it in the /public subfolder of your node application directory (as shown above via express.static ):

 <html> <body> <div id="button">Get this List</div> <div id="response"></div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#button').click(function() { // run an AJAX get request to the route you setup above... // respect the cross-domain policy by using the same domain // you used to access your index.html file! $.get('http://www.yoursite.com/request', function(list) { $('#response').html(list); // show the list }); }); }); </script> </body </html>

If you include your request.js as a module, this could be the following:

 var RequestClass = function() { // run code here, or... }; // ...add a method, which we do in this example: RequestClass.prototype.getList = function() { return "My List"; }; // now expose with module.exports: exports.Request = RequestClass;

Run node server.js on your server. Then go to www.yoursite.com/index.html

+8
source

Source: https://habr.com/ru/post/910518/

More articles:


All Articles