用js获取数据库表中的数据

JavaScript 本身不能直接连接数据库，需要通过后端程序来提供接口，前端通过 Ajax 调用后端接口获取数据。以下是一种常见的实现方式：

1. 后端程序

后端程序可以使用 Node.js 和 Express 框架来实现。以下是一个简单的示例：

const express = require('express');
const app = express();
const mysql = require('mysql');

const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'mydb'
});

app.get('/api/users', (req, res) => {
  const sql = 'SELECT * FROM users';
  connection.query(sql, (err, result) => {
    if (err) throw err;
    res.send(result);
  });
});

app.listen(3000, () => {
  console.log('Server is running at http://localhost:3000');
});

在上面的代码中，我们使用了 mysql 模块来连接 MySQL 数据库，并实现了一个接口 `/api/users`，用来获取 `users` 表中的数据。

2. 前端程序

在前端使用 Ajax 或 Fetch 等方式调用后端接口，获取数据，然后将数据渲染到 HTML 页面上。以下是一个使用 Axios 库调用后端接口的示例代码：

<!-- HTML 页面 -->
<ul id="users"></ul>

<!-- 引入 Axios 库 -->
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

<!-- JS 代码 -->
<script>
  axios.get('/api/users').then(response => {
    const users = response.data;
    const list = document.getElementById('users');
    users.forEach(user => {
      const li = document.createElement('li');
      li.textContent = `${user.id}、${user.name}，年龄：${user.age}岁`;
      list.appendChild(li);
    });
  });
</script>

以上示例代码仅供参考，具体实现方式需要根据实际情况进行调整。