Moge tak zrobić czy potrzebuje jakis framework? Oto przykladowa funkcja get znajdujaca sie w app.js
(Struktura plikow):
WorkFolder
app.js
PublicFolder
index.html
style.css
Kod app.js:
app.get('/flights', (req, res, next) => {
pool.connect(function (err, client, done) {
if (err) {
console.log("Cannot connect to the DB" + err);
}
client.query('SELECT * FROM flights', function (err, result) {
done();
if (err) {
console.log(err);
res.status(400).send(err);
}
var touristResult = result.rows;
res.status(200).send(result.rows);
console.log(result.rows);
})
})
});
ORAZ index.html:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" type="text/css" href="/style.css" />
<script src="../app.js"></script>
</head>
<body>
<div class="container">
<h1 class = "title"> REST API </h1>
<div id="homepage">
<h1> Post some tourist/flight</h1>
<div id="controllers">
<button onClick="app.get('/tourists')"></button>
</div>
</div>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/[email protected]/babel.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/react-dom.min.js"></script>
</div>
</body>
</html>
CO jest nie tak z tym kodem? Probowałam tez wywalic json z result.rows poza scope jaką zmienną globalną ale nie działa. Chyba, ze myle var z czymś innym. NIE DZIALA, oznacza nie wyswietla sie na stronie, a po kliknieciu buttonu nie widze zadnego requestu w GETie i nawet nie wiem czy zostal wyslany. Wiem ze result.rows jest w prawidlowym JSONie bo wyswietla sie w konsoli po GETie w Postmanie