Node JS Server Requests using buttons

Question

I'm currently working on creating a menu for my Node JS application and I haven't figured out how to make server requests without using the browsers navigation bar.

My directory structure is as follows.

/application/nodeserver.js

            /screens/index.js
            /screens/other.js
            /screens/notfound.js

My nodeserver.js is as follows

// main

var gv_http = null;
var gv_filestream = null;
var gv_server = null;

// screens

var gv_index = null;
var gv_other = null;
var gv_notfound = null;

// set variables

gv_http = require('http');
gv_filestream = require('fs');
gv_server = gv_http.createServer();

gv_index = require('./screens/index');
gv_other = require('./screens/other');
gv_notfound = require('./screens/notfound');

// server

gv_server.on('request', function(request, response) {

   switch(request.url) {

      case '/':
      case '/index':
         gv_index.gui(response);
         break;

      case '/other':
         gv_other.gui(response);
         break;

      default:
         gv_notfound.gui(response);
         break;

   }

});

gv_server.listen(90);

This bit all works fine but the only way I can trigger my case statement is by typing into the browser which brings up my javascript screens.

One of the screens index.js

var gv_mainmenu = null;

gv_mainmenu = require('./elements/mainmenu');

var gui = function(response) {

   response.writeHead(200, {'Content-Type':'text/html'});

   response.write(
      '<html>' +
      '<body>'
   );

   response.write(
      '<button id="butt_index">' +
      '   index' +
      '</button>' +
      '<button id="butt_other">' +
      '   other' +
      '</button>'
   );

   response.write(
      '<h4>index</h4>'
   );

   response.write(
      '</body>' +
      '</html>'
   );

   response.end();

}

function sendrequest() {

   console.log("request sent");

}

module.exports.gui = gui;

Is it possible to simulate this using one of the html buttons? I've only seen this happen with frameworks like Express but I don't want to use one of these while still learning.

PS

I know my code may look weird to JavaScript experts but I follow the coding standards of the people I work with and we code primarily with Genero so I try to keep it familiar to them and myself.

Kevin Doveton · Accepted Answer · 2016-11-18 07:35:11Z

1

Easiest solution is to add an anchor tab to your buttons so they link to your new page.

'<a href="/index"><button id="butt_index">' +
  '   index' +
  '</button></a>'

answered Nov 18, 2016 at 7:35

Kevin Doveton

3963 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

Node JS Server Requests using buttons

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related