簡體   English   中英

如何在 Node JS 中向 html 頁面發送響應?

[英]How to send response to html page in Node JS?

我正在嘗試通過 NodeJs 可視化 map 上的點。 這是我的 index.js 文件:

var express = require('express');
var fs = require('fs');
var getdata = require('./database.js');

var app = express();

app.get('/', function (req, res, next) {
    res.writeHead(200,{'Content-Type':'text/html'});
    var myReadStream = fs.createReadStream(__dirname + '/index.html','utf8')
    myReadStream.pipe(res);
    //var value = getdata.deneme();
    //console.log("Value: "+value);
});
app.listen(4000, function () {
    console.log('Server is running.. on Port 4000');
});

我可以通過 HTML 文件調用 map。 Index.html 文件在這里:

<html><body>
    <div id="mapdiv"></div>
    <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
    <script>
      map = new OpenLayers.Map("mapdiv");
      map.addLayer(new OpenLayers.Layer.OSM());


      var lonLat = new OpenLayers.LonLat(32 ,39 )
            .transform(
              new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
              map.getProjectionObject() // to Spherical Mercator Projection
            );

      var zoom=16;

      var markers = new OpenLayers.Layer.Markers( "Markers" );
      map.addLayer(markers);

      markers.addMarker(new OpenLayers.Marker(lonLat));

      map.setCenter (lonLat, zoom);
    </script>
  </body></html>

最后一步是連接數據庫。 我創建了一個 database.js 文件:

const{Pool,Client} = require('pg');

var connectionString = "postgressql://ID:password@ec2-54-228-243-29.eu-west-1.compute.amazonaws.com:5432/dduigib0uc8ebt?ssl=true";

const pool = new Pool({
    connectionString: connectionString,
  });


module.exports = {
    deneme: function() {
        pool.query('SELECT st_astext(loc) from GetAllData()', (err, res) => {
            console.log(err, res)
            return res
            pool.end()
        });
    }
};

我可以連接到數據庫並獲取點的位置。 但我不知道如何將這些點發送到我的 HTML 文件以可視化 map 上的點。 在 HTML 頁面中包含用於可視化的示例點。 我只是想在那里輸入我的積分。 我怎樣才能做到這一點?

您的后端應該包含數據庫連接和端點。 您需要從前端調用這些端點。 前端部分應包含 HTML 頁面和請求。 您可以使用Xml Http Request來處理請求。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM