Как обновить JustGage из Node.js и jQuery

Я пытаюсь написать простое приложение, в котором я пытаюсь обновить значение JustGage из приложения node.js. Следующее - мое приложение node.js

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

http.createServer(function (req, res) {
  fs.readFile('index.html', function(err, data) {
        res.writeHead(200, {'Content-Type': 'text/html'});
        res.write(data);
        res.end();
    });
}).listen(8080);

Вот мой HTML-код:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Temperature Sensor</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="http://127.0.0.1:8081/justgage.js"></script>
  <script type="text/javascript" src="http://127.0.0.1:8081/raphael-2.1.4.min.js"></script>

  <script>
    window.onload = function(){
      var g = new JustGage({
        id: "g_a411_faculty",
          value: 22, 
          min: 10,
          max: 40,
          title: "A411 - Faculty Office",
          label: "Celsius",
          levelColors: [
            "#ffffff",
            "#f9c802",
            "#FF0000"
          ]
      });
    };
  </script>
</head>
<body>

  <div class="jumbotron text-center">
    <h1>Temperature Sensor Deployment</h1>
  </div>

  <div class="container">
    <div class="row">
      <div id="g_a411_faculty" class="col-sm-6" style="width:400px; height:320px">
        <div id="g_a411_faculty_msg"></div>
      </div>
      <div class="col-sm-6">
        <h3>Download CSV</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
      </div>
    </div>
  </div>

</body>
</html>

Я должен обновить значение g_a411_faculty div через приложение node.js и jQuery, но я не уверен, как это сделать. Пожалуйста помоги!

Источник

0 ответов

Другие вопросы по тегам