Pass variable to html with NodeJS

Question

I made a listing of files that exist in a particular folder, I would like that after listing, it would be possible to access this variable in HTML.

Server.js

var http = require('http');    
var arquivo = require('fs');
var server = http.createServer(function(request, response){      
    response.writeHead(200, {'Content-Type': 'text/html'});     
    arquivo.readFile(__dirname+'/pagina.html', 
        function(err, html){             
        if (err) {
            response.write("Arquivo não encontrado!");                   
            response.end();
        } else{
            response.write(html);   
            var fs = require('fs');
            var files = fs.readdirSync(__dirname+'/list/'); //LIST FOLDER           
            response.end();

        }      
    });
});
server.listen(3000, function(){       
    console.log('Servidor está rodando!');     
});

pagina.html

<html>
<script type="text/javascript">
    alert(files); //Name of var list
</script>
</hmtL>

Dawson B · Accepted Answer · 2017-04-18 17:17:50Z

1

Replacing a raw string with a variable has several clean solutions. I would recommend any of the following:

answered Apr 18, 2017 at 17:17

Dawson B

1,5051 gold badge13 silver badges17 bronze badges

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

Comments

theptrk · Accepted Answer · 2017-04-18 17:12:53Z

There are two ways to do this.

separate your call into another endpoint on your server and make a request on the client (recommended since you will need this later probably)
use regex to change your html file (fun experiment)

imagine your html file looks like this; notice the double brackets.

"<html><body><script> var files = {{myvars}} </script></body></html>"

and you have a list of files in an array

var yourFiles = ['file1', 'file2', 'file3']

you can then use regex to fill in the variables in the original html string

var newHTML = html.replace('/\{\{myvars\}\}/', JSON.stringify(yourFiles))
response.write(newHTML);
response.end();

the final html sent will look like this

"<html><body><script> var files = ['file1', 'file2', 'file3'] </script></body></html>"

Collectives™ on Stack Overflow

Pass variable to html with NodeJS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related