CODEWITHSUNDEEP
javascripthtmlnode.js
eweiner
eweiner

Reputation: 37

Communication between an express node server and its displaying html

Really fast, this question may have already been asked, but I am not totally clear on the terminology and have had no success when searching for a solution.

I am attempting to create a simple web application that can receive get and post requests. Then, I would like to take the information I receive from these requests and use them in a javascript file embedded in html that is displayed. I think it may be more clear with code. This is my app.js:

var express = require('express');
var app = express();
var assert = require('assert');



app.use(express.static('javascript'));
app.get('/', function(req, res) {
    res.render('index.jade');
});

app.listen(3000);

I would then like to be able to take information received from a get or post request, specifically in JSON format, and then be able to use it in javascript that I have linked to index.jade. To make matters slightly more confusing in index.jade the only line is:

include map.html

So ideally I would be able to get the information to javascript in that html file.

I want to be able to pretty continuously update map.html using javascript based on frequent get and post commands.

This could be a very simple solution, I am pretty new with web application programming in general, and I have been struggling with this problem. Thanks in advance, and ask if you need any clarification.

Upvotes: 0

Views: 2345

Answers (3)

skywritergr
skywritergr

Reputation: 158

The way I get it you want to be able to call an endpoint (lets assume /awesome) pass some info and then write to a Javascript file that you can then reference in your html.

Something like the below would write a main.js file in your public folder. You can make it write whatever you want.

var fs = require('fs');
fs.writeFile("/public/main.js", "console.log('Hello!')", function(err) {
if(err) {
    return console.log(err);
}
console.log("The file was saved!");
});

You can then reference /public/main.js in your html.

Check that: Writing files in Node.js

If I misunderstood your intentions, apologies. :)

Upvotes: 2

Lukas Bonzelett
Lukas Bonzelett

Reputation: 318

So you want to reviece continuously data from the server maybe web sockts are an option for you http://socket.io/docs/

This way u will open a stable connection from the client to the server. This is a great way if u want to get updates done by other clients.

If you want to trigger the changes by the client then ajaxs calls(http://www.w3schools.com/ajax/) as hkasera mentioned are the way to go.

Upvotes: 1

hkasera
hkasera

Reputation: 2148

I think you need to understand what you are doing. You are creating a web server using node.js. Express framework simplifies that for you. The official documentation of express is pretty great. You should refer that especially this link.

Now, in your application, you need to create endpoints for GET and POST requests. You have already created one endpoint "/" (root location) that loads your home page which is the contents of the file index.jade. A small example is :

 app.get('/json', function (req, res) {
      res.setHeader('Content-Type', 'application/json');
      res.send(JSON.stringify({ a: 1 }));
 });

Jade is a templating engine which resolves to HTML. You should refer its documentation as well. Since as you said, you are not very familiar with these, you could simply use HTML as well.

After this tasks are quite simple. In your javascript, using ajax calls you can access the GET or POST endpoints of your server and do the desired actions.

Hope it helps!

Upvotes: 3

Related Questions