在前端JavaScript直接调用数据库并不是一个常见的做法,因为这会涉及到安全和性能问题。通常,前端与数据库之间的交互是通过后端服务器来实现的。以下是一些相关的基础概念和解决方案:
fetch
或axios
)调用后端API。前端JavaScript代码:
// 使用fetch调用后端API
fetch('/api/getData', {
method: 'GET',
headers: {
'Content-Type': 'application/json'
}
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
后端Node.js代码(使用Express框架):
const express = require('express');
const app = express();
const mysql = require('mysql');
const db = mysql.createConnection({
host: 'localhost',
user: 'user',
password: 'password',
database: 'database_name'
});
db.connect();
app.get('/api/getData', (req, res) => {
const sql = 'SELECT * FROM table_name';
db.query(sql, (err, result) => {
if (err) throw err;
res.json(result);
});
});
app.listen(3000, () => {
console.log('Server running on port 3000');
});
前端JavaScript通过后端API间接访问数据库是最常见和安全的做法。这种方式不仅提高了系统的安全性,还优化了性能,并且符合现代Web开发的架构模式。
领取专属 10元无门槛券
手把手带您无忧上云