当前位置：首页 > 数据库 > 正文

如何用JS查询数据库数据？

admin
数据库
2025-06-25
7

在JavaScript中查询数据库通常通过以下方式实现：1）后端Node.js使用MySQL、MongoDB等驱动直接操作数据库；2）前端通过AJAX/Fetch调用后端API间接获取数据，浏览器端JS因安全限制不能直连数据库，必须通过后端服务中转数据。

在现代Web开发中，JavaScript（JS）本身无法直接查询数据库，这是出于安全考虑（防止前端直接访问敏感数据库凭证），但可以通过与后端API交互间接实现数据查询,以下是完整实现方案：

核心原理：前后端分离架构

graph LR A[浏览器 JS] --> B[发送HTTP请求] B --> C[后端API Node.js/PHP/Python等] C --> D[查询数据库 MySQL/MongoDB] D --> C C --> B B --> A

具体实现步骤（以Node.js + MySQL为例）

后端创建数据接口（Node.js示例）

// server.js const express = require('express'); const mysql = require('mysql'); const app = express(); const PORT = 3000; // 创建数据库连接 const db = mysql.createConnection({ host: 'localhost', user: 'root', password: 'your_password', database: 'test_db' }); // 创建API端点 app.get('/api/users', (req, res) => { const sql = 'SELECT * FROM users'; db.query(sql, (err, result) => { if (err) throw err; res.json(result); // 返回JSON格式数据 }); }); app.listen(PORT, () => { console.log(`后端服务运行在 http://localhost:${PORT}`); });

前端JS调用API（Fetch API示例）

<script> // 发起GET请求获取数据 fetch('http://localhost:3000/api/users') .then(response => response.json()) .then(data => { console.log('查询结果:', data); // 渲染数据到页面 data.forEach(user => { document.body.innerHTML += ` <div>${user.id}: ${user.name}</div> `; }); }) .catch(error => console.error('请求失败:', error)); </script>

替代方案与适用场景

方法	适用场景	示例库
Fetch API	现代浏览器原生支持	fetch()
XMLHttpRequest	兼容旧浏览器	new XMLHttpRequest()
Axios	需要高级功能（拦截器、取消请求）	axios.get()
WebSocket	实时数据推送（如聊天室）	Socket.IO

关键安全措施

禁止前端直连数据库
- 风险：数据库凭证暴露
- 方案：始终通过后端中转
API防护措施：

// 后端添加安全验证 app.get('/api/users', (req, res) => { const authToken = req.headers.authorization; if (!validToken(authToken)) { // 验证逻辑 return res.status(401).send('未授权'); } // 继续查询... });
其他防护：
- 使用HTTPS加密传输
- 设置CORS白名单
- SQL参数化查询防载入 // 参数化查询示例 const userId = req.query.id; db.query('SELECT * FROM users WHERE id = ?', [userId], ...);