Приведенный ниже код работает, но данные, которые у меня есть в MySQL, не отображаются в моей HTML-таблице в браузере: http://localhost:3000. Я изо всех сил пытаюсь решить эту проблему. Буду признателен, если кто-нибудь сможет мне помочь.
index.html
<html>
<head>
<title>My db rows</title>
</head>
<body>
<div id="table"></div>
<script type="text/javascript">
var opts = {
url: 'http://localhost:3000/rows/'
};
fetch(opts)
.then((res) => {
if (res.ok) {
return res.json();
}
})
.then((rows) => {
for (let row of rows) {
console.log(rows);
}
})
.catch(console.log);
</script>
</body>
app.js
var express = require('express');
var app = express();
var mysql = require('mysql');
var bodyParser = require('body-parser');
var urlencodedParser = bodyParser.urlencoded({ extended: false });
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: false}));
app.use('/', express.static(__dirname + '/'));
var connection = mysql.createConnection({
host : 'localhost',
user : 'root',
password : '',
database : 'mywebsite'
});
app.get('/rows', function (req, res) {
connection.connect();
connection.query('SELECT * FROM chat', function(err, rows, fields) {
connection.end();
if (err) throw err;
res.json(rows);
});
});
app.listen(3000, function () {
console.log('Example app listening on port 3000!');
});