Variablen, die zwischen dem HTML-Client und Node.js Server

Ich möchte nur zur übergabe von Variablen aus einer HTML-Seite zu einem Knoten js und führen ein paar Berechnungen auf die Daten und bekommen es zurück zu HTML mit Hilfe von ejs
Nach der Installation von ejs :

npm install ejs

Ich versuche, mich zu übergeben, diese variable temp mit dem Wert 50 "HTML-Seite":

<html>
   <head>
   </head>
<body>
My temperature: <%= temp=50 %>
Temp + 10 : <%= total %>
</body>
</html>

und meine nodejs server.js:

var http = require('http');
var ejs = require('ejs');
var fs = require('fs');

http.createServer(function(req,res) {
  res.writeHead(200, {'Content-Type': 'text/html'});

  //since we are in a request handler function
  //we're using readFile instead of readFileSync
  fs.readFile('index.html', 'utf-8', function(err, content) {
    if (err) {
      res.end('error occurred');
      return;
    }
    var temp;  //here you assign temp variable with needed value
    var total = temp+10;
    var renderedHtml = ejs.render(content, {temp: temp, total:total});  //get redered HTML code
    res.end(renderedHtml);
  });
}).listen(8080);

Jede Hilfe wäre geschätzt
Vielen Dank im Voraus.

InformationsquelleAutor Hat hout | 2016-01-01
  1. 1

    In der server Datei den Wert von "temp" nicht definiert ist. Und so insgesamt = undefined + 10 = undefined. Also die Variablen sind nicht definiert in der server-Datei.
    Versuchen Sie, dies zu tun (in der server-Datei):
    var temp = 0
    var total = 0

    In der html-Datei My temperature: <%= temp = 50 %>
    Temp + 10 : <%= total = temp + 10 %>
    Jetzt sollte die Anzeige den richtigen Wert ich.e 50 und 60. Hoffe, das hilft

    • Hatte die {{ }} zufällig..jetzt aktualisiert
    • Auf diese Weise kann ich nicht verwenden, temp mit dem Wert "50" in meine "server.js" und ich brauche, um es mit ist es Wert, ich pass wird von der HTML-Seite.
    • So übergeben Sie einen Wert, der auf der html-Seite und es verwenden möchte, auf dem server die Datei.. richtig? Aber in dem code, den Sie geschrieben haben, Sie werden nicht übergeben, dynamische Wert auf der html-Seite. Was Sie getan haben, ist hart codiert den Wert von temp schon. Sollten Sie ein Eingabefeld, um Ihre Seite, die dann den Wert speichert dynamisch zu sein, dann verwendet Sie Ihre server-Datei. Sie können eckig, für diese.
    InformationsquelleAutor Nischay Malhan
  2. 0

    Diese werden Sie nicht brauchen fs Anforderung.

    Alles, was Sie tun müssen, ist :

    var express = require('express');
var app = express();
var path = require('path'); //Use the path to tell where find the .ejs files
//view engine setup
app.set('views', path.join(__dirname, 'views')); //here the .ejs files is in views folders
app.set('view engine', 'ejs'); //tell the template engine


var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) { //route for '/'
  var temp = 50;  //here you assign temp variable with needed value
  var total = temp+10;
  res.render('index', { //render the index.ejs
    temp: temp,
    total:total
  });
});

var server = app.listen(3000, function() {
  var host = server.address().address;
  var port = server.address().port;

  console.log('Example app listening at http://%s:%s', host, port);
});

    HTML ("umbenennen", um index.ejs):

    <html>
   <head>
   </head>
<body>
My temperature: <%= temp %>
Temp + 10 : <%= total %>
</body>
</html>
    • Ich will, pass den temp-Wert aus der HTML-Seite
    • btw @Hathout dies ist nicht best-practice, wenn Sie einen Wert verwenden möchten, die aus html -, ich schlage vor, Sie erstellen eine javascript/text innerhalb der html-Inhalte und dann per javascript (nicht serverseitig) aktualisiert/die Werte
    • Ok @Alvardo, hier ist meine aktuelle code <!DOCTYPE html> <html> <body> <form> Set temperature:<br> <select id="temp"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> </select> C <br> <input type="button" onclick="myFunction()" value="Set Temp"> </form> <script> function myFunction() { var h = document.getElementById("temp"); var option_1 = h.options[h.selectedIndex].text; temp= Number(option_1); } </script> </body> </html> Ist das möglich, übergeben Sie die variable temp um die server.js Datei ?
    InformationsquelleAutor Alvaro Joao
Schreibe einen Kommentar